简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > H5教程 > 主體

解析HTML5中的標籤巢狀規則

零下一度
發布： 2017-05-25 13:50:01
原創
2676 人瀏覽過

下面小編就為大家帶來一篇HTML5標籤巢狀規則詳解【必看】。小編覺得挺不錯的，現在分享給大家，也給大家做個參考

前面的話
　　在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 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 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 u ul var video wbr text
登入後複製

區塊型元素(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 matheter noscript obmarkjathect output progress q ruby​​ s samp script select small span strong sub sup svg template textarea time u var video wbr text
　　嵌入型元素(embedded content)是或插入到文件中其他資源的元素插入到文件的元素插入#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】子元素是流元素

、
、
、
  • 、< dd>、
    、
    、
    、

    　　【1.1】子元素是流元素，不含

    元素

    #