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

php中世界最好的语言
發布: 2017-12-02 15:08:33
原創
2475 人瀏覽過

以下為大家帶來一份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>、
  •   【1.1】子元素是流元素,不含  【1.1】子元素是流元素,不含