HTML5標籤嵌套規則的詳細介紹

以下為大家帶來一份HTML5標籤嵌套規則的詳細介紹，總結歸納的非常不錯，值得大家作為參考，一起來看一下。

[1]分類[2]子元素[3]總結

前面的話
 　　在html5中，元素的子元素可以是區塊級元素，這在以前是被認為不符合規則的。本文將詳細介紹html5的標籤嵌套規則

分類
 　　html5出現之前，常常把元素依照block、inline、inline-block來區分。在html5中，元素不再依照display屬性來區分，而是依照內容模型來區分，分為元資料型態(metadata content)、區區塊型(sectioning content)、標題型(heading content)、文件串流型(flow content)、語句型(phrasing content)、內嵌型(embedded content)、互動型(interactive content)。元素不屬於任何一個類別，被稱為穿透的；元素可能屬於不只一個類別，稱為混合的。

 

 　　元資料元素(metadata content)是可以用來說明其他內容的表現或行為，或是在目前文件和其他文件之間建立連結的元素

base link meta noscript script style template title
　　流元素(flow content)是在應用程式和文件的主體部分中使用的大部分元素

a abbr address area(如果它是map元素的子元素) article aside audio b bdi bdo blockquote br button canvas cite code data datalist del dfn p dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 ramheader hr if if keygen label main map mark math meter nav noscript object ol output p pre progress q ruby​​ s samp script section select small span strong sub sup svg table template textarea time small span strong sub sup.元素(sectioning content)是用來定義標題及頁尾範圍的元素

article aside nav section

　　標題型元素(heading content)定義一個區塊/章節的標題

h1 h2 h3 h4 h5 h6

　　語句句型元素(phrasing content)是用來標記段落層級文字的元素

a abbr area (如果它是map元素的子層級) 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 progress q ruby​​​​ s samp script select small span strong sub supf 說話詞 poo textp templaten tempvd s元素(embedded content)是

引用
或插入到文件中其他資源的元素audio canvas embed iframe img math object svg video

　　互動型元素(interactive content)是專用於與使用者互動的元素

a audio(如果設定了controls屬性) button embed iframe img(如果設定了usemap屬性) input(如果type屬性不為hidden) keygen label object(如果設定了usemap屬性) select textarea video (如果設定了controls屬性)

 

子元素

 【1】子元素是流元素

、

、< ;blockquote>、

、

、