首頁 > web前端 > H5教程 > 解析HTML5中的標籤巢狀規則

解析HTML5中的標籤巢狀規則

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

下面小編就為大家帶來一篇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】子元素是流元素,不含

    元素

    #