詳細了解HTML標簽內容模型


前面的話

   HTML核心的部分莫過於標簽(tag)了。標簽是用來描述文檔中的各自內容基本單元,不同標簽表示着不同的含義,標簽之間的嵌套表示了內容之間的結構。

  HTML標簽在HTML5中內容模型拓展到了7類,包括元數據型、區塊型、標題型、文檔流型、語句型、內嵌型、交互型。即使是這7個類別也沒有完全覆蓋所有元素的所有情況,元素可以不屬於任何一個類別,被稱為穿透的;很多元素可能屬於不止一個類別,稱為混合的

   HTML標簽詳細信息見此w3c鏈接

分類

元數據型(metadata)

  設置展示、行為、關聯文檔或其他內容的元數據的元素

  <head>元素包含文檔的元素數據,包括<base>、<command>、<link>、<meta>、<noscript>、<script>、<style>和<title>共8個

  詳細信息移步到此

 

區塊型(sectioning)

  定義區塊內容范圍的元素,包括<article>、<aside>、<nav>、<section>四個元素

  詳細信息移步到此

 

標題型(heading)

  定義區塊內容標題的元素,包括<h1>到<h6>以及<hgroup>

  詳細信息移步到此

 

文檔流型(flow)

  大部分文檔<body>內的元素,只有部分元數據式元素不屬於流式,它們是<base>和<title>

  詳細信息移步至此

 

語句型(phrasing)

  文檔里的文字、在段落中標記文字的元素等

     詳細信息移步至此

 

內嵌型(embedded)

  由於HTML本身提供的元素的表達能力有限,允許嵌入內容成為瀏覽器開發者不得不做的事情,在文檔引入另一個資源的元素或者插入文檔的另一種語言。嵌入式內容包括<audio>、<canvas>、<embed>、<iframe>、<img>、<math>、<object>、<svg>和<video>九類

  [注意]該類元素中,<embed>、<iframe>、<object>這三個元素不設置寬高時,默認寬高為300px*150px

  <img>  (<img> -> image 圖像)

  關於圖像標簽的詳細信息移步至此

  <iframe>

  關於框架標簽的詳細信息移步至此

  <canvas>

  關於<canvas>的詳細信息移步至此

  音頻和視頻

  關於音頻和視頻類標簽的詳細信息移步至此

 

交互型(interactive)

  專門用於用戶交互的元素,包括<a>、<audio>、<button>、<details>、<embed>、<iframe>、<img>、<input>、<keygen>、<label>、<menu>、<object>、<select>、<textarea>、<video>

  其中,<details>、<summary>、<command>、<menu>這四個交互元素瀏覽器的支持性還不太好

  關於<details>和<summary>的詳細信息移步至此


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM