HTML全部元素的分類

根據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大類的關係圖：

 

 

 查看原文