2. 程式人生 > >HTML所有元素的分類

HTML所有元素的分類

阿新 • • 發佈：2017-08-18
.com ble ges .org title scrip cnblogs not use

根據HTML5.1推薦標準，HTML元素主要分為7大類：

  • metadata content（原數據的內容）
  • flow content（流數據的內容）
  • sectioning content（分節的內容）
  • sectioning content（標題的內容）
  • phrasing content（短語的內容）
  • embedded content（嵌入的內容）
  • interactive content（交互式的內容）

  1. metadata content（原數據的內容）
    原數據的內容是設置其余內容的表現或行為的內容、或者是建立文檔與其他文檔關系的內容、或者是傳達文檔之外信息的內容。
    • base
    • link
    • meta
    • noscript
    • script
    • style
    • template
    • title
  2. flow content （流數據的內容）
    流數據的內容是應用於文檔或者應用程序的主體的大多數元素。
    • a
    • abbr
    • address
    • area (if it is a descendant of a map element)
    • article
    • aside
    • audio
    • b
    • bdi
    • bdo
    • blockquote
    • br
    • button
    • canvas
    • cite
    • code
    • data
    • datalist
    • del
    • details
    • dfn
    • div
    • dl
    • em
    • embed
    • fieldset
    • figure
    • footer
    • form
    • h1
    • h2
    • h3
    • h4
    • h5
    • h6
    • header
    • hr
    • i
    • iframe
    • img
    • input
    • ins
    • kbd
    • keygen
    • label
    • main
    • map
    • mark
    • math
    • menu
    • meter
    • nav
    • noscript
    • object
    • ol
    • output
    • p
    • picture
    • pre
    • progress
    • q
    • ruby
    • s
    • samp
    • script
    • section
    • select
    • small
    • span
    • strong
    • sub
    • sup
    • svg
    • table
    • template
    • textarea
    • time
    • u
    • ul
    • var
    • video
    • wbr
    • text
  3. sectioning content（分節的內容）
    分節的內容是定義標題和頁腳範圍的內容
    • article
    • aside
    • nav
    • section
  4. heading content（標題的內容）
    標題的內容是定義文檔某一節的標題
    • h1
    • h2
    • h3
    • h4
    • h5
    • h6
  5. phrasing content（短語的內容）
    短語的內容是文檔的文本以及在段落層次上標記該文本的元素
    • a
    • abbr
    • area (if it is a descendant of a map element)
    • audio
    • b
    • bdi
    • bdo
    • br
    • button
    • canvas
    • cite
    • code
    • data
    • datalist
    • del
    • dfn
    • em
    • embed
    • i
    • iframe
    • img
    • input
    • ins
    • kbd
    • keygen
    • label
    • map
    • mark
    • math
    • meter
    • noscript
    • object
    • output
    • picture
    • progress
    • q
    • ruby
    • s
    • samp
    • script
    • select
    • small
    • span
    • strong
    • sub
    • sup
    • svg
    • template
    • textarea
    • time
    • u
    • var
    • video
    • wbr
    • text
  6. embedded content（嵌入的內容）
    嵌入的內容是將另一種資源導入文檔的內容，或從另一個資源中插入到文檔中的內容。
    • audio
    • canvas
    • embed
    • iframe
    • img
    • math
    • object
    • picture
    • svg
    • video
  7. interactive content（交互式內容）
    交互式內容是專門用於用戶交互的內容。
    • a (if the href attribute is present)
    • audio (if the controls attribute is present)
    • button
    • details
    • embed
    • iframe
    • img (if the usemap attribute is present)
    • input (if the type attribute isnot in the hidden state)
    • keygen
    • label
    • select
    • textarea
    • video (if the controls attribute is present)

7大類的關系圖：

技術分享

查看原文

HTML所有元素的分類

相關推薦

HTML所有元素的分類

.com ble ges .org title scrip cnblogs not use 根據HTML5.1推薦標準，HTML元素主要分為7大類： metadata content（原數據的內容） flow content（流數據的內容） sectioning cont

循環遍歷html所有元素

循環遍歷html所有元素 function loadNode(node){ for(var i=0;i<node.childNodes.length;i++){ if(node.childNodes[i].nodeType === 1 &&

HTML元素分類

分類 塊級元素： 獨立一行，可設定寬高（預設寬高100%）    文字類塊元素：p、h1~h6 等    容器類塊元素：div、table 、tr、td、th、form、ol、ul、li、dl、dt、dd 等 行級元素： 不會獨立一行，不可設定寬高（預設寬高

html內聯（行內）元素、塊級（塊狀）元素和行內塊元素分類

HTML可以將元素分類方式分為內聯（行內）元素、塊級（塊狀）元素和行內塊元素三種。 注：HTML是標籤語言，那麼既然是標籤，就可以自己定義一些自己元素（如<wode>自定義的元素</wode>等），自定義元素瀏覽器預設解析為內聯元素，為防止不同瀏覽器解析不同的問題，建議通過css的d

Html筆記-2-標籤元素分類

html中的標籤元素大體被分為三種不同的型別,各類常見如下： 塊狀元素 內聯元素 內聯塊狀元素 <div> <a> <img> <p> <span> <input>

Scrapy:抓取html所有特定元素的兩個方法

比如要獲取所有class=test的div元素，1. 用Scrapy，示範程式碼： def parse(self, response): hxs = Selector(response) items = [] divs

Html學習(三) 分類學習

watermark avi 分享 span 代碼 什麽 http 效果 瀏覽器 代碼： <h1>這是一級分類嗎</h1> <h2>這是二級分類嗎</h2> <h3>這是三級分類嗎 </h3>

html學習——基礎分類總結

rect log 內容 sem ron text html pid 頁面 1. html 超文本標記語言HyperText Markup Language。html文檔基本結構： <!DOCTYPE html><head> &

php中使用array_slice將數組中的元素分類

使用 spa sta star span set 都是 連續 屬於 1 <?php 2 3 //將屬於同一個類型的文章劃分到同一張卡片上展示,並且保證同一張卡片上的文章在時間上連續 4 //可以先按照時間倒序取出來將文章放到同一個數組中 5 //假設下面

26、輸入一個鏈表，反轉鏈表後，輸出鏈表的所有元素。

分享 png 輸出 nod src 繼續 -1 space next 輸入一個鏈表，反轉鏈表後，輸出鏈表的所有元素。 思路： ListNode next = null;//用來保存待反序的第一個節點（head 和 next節點） ListNode pre = nul

JavaScript HTML DOM 元素（節點）

enc javascrip item pan 效果 demo 移動元素 成功 append 在文檔對象模型 (DOM) 中，每個節點都是一個對象。DOM 節點有三個重要的屬性 ： 1. nodeName : 節點的名稱 2. nodeValue ：節點的值 3. no

元素分類

spa 其他 inpu 設置 一行 strong str 文字 tro 一.塊狀元素 div,p,h1,form,ul,li,ol都是塊狀，特點是 １.每個塊元素都從新的一行開始，其後的元素也另起一行 2.元素的高度，寬行高，頂和低邊距都可設置 ３．元素寬度不設置情況下，本

訪問樹中的所有元素（DOM）

解決 優先 一個 示例 function 函數 func 及其 target 創建一個函數，給定頁面上的DOM元素，將訪問元素本身及其所有後代（而不僅僅是它的直接子代）。對於訪問的每個元素，函數應將該元素傳遞給提供的回調函數。 函數的參數應該是： 一個DOM元素

C語言中一個字符數組裏面的所有元素變成一個字符串

num des urn ber bold 字符數 proc repr 目標 #include <string.h> int main() // 這裏為了方便直接用main函數 { char array[] = { ‘h‘, ‘e‘, ‘l‘, ‘l‘,

HTML培訓課程-------Day01（HTML基本元素）

small 圖片 英文 十六進制 src 設置 描述 face 排列 HTML基礎 HTML的基本結構 HTML標記的格式 (1)<標記名稱>單一型,無設置值的。 如：<br> (2)<標記名稱 屬性=”屬性值”>

HTML常用元素標簽

空白 元素 list 文檔 下劃線 設置 pre parent tro 常用HTML標簽元素結合及簡介 <html></html> 創建一個HTML文檔 <head></head> 設置文檔標題和其它在網頁中不顯示的信息 &l

HTML css 家用電器分類

htm src 技術分享 img 分享 css png 技術 logs HTML css 家用電器分類

1075. 鏈表元素分類(25)

大於 lib ostream tdi style 遍歷 分類 元素 其中 給定一個單鏈表，請編寫程序將鏈表元素進行分類排列，使得所有負值元素都排在非負值元素的前面，而[0, K]區間內的元素都排在大於K的元素前面。但每一類內部元素的順序是不能改變的。例如：給定鏈表為 1

旋轉鏈表(所有元素往右移) rotate list

鏈表 color 畫圖 image class 節點 http 就是 思路 ［抄題］： 給定一個鏈表，旋轉鏈表，使得每個節點向右移動k個位置，其中k是一個非負數 樣例 給出鏈表1->2->3->4->5->null和k=2 返回4->5

如何創建html新元素

inner reat tex eat 創建 htm nbsp html 標簽 jquer var txt1="<p>文本。</p>"; // 使用 HTML 標簽創建文本 var txt2=$("<p