詳細瞭解HTML標籤內容模型

時間 2019-11-22

標籤詳細瞭解 html 標籤內容模型欄目 HTML 简体版

原文原文鏈接

前面的話

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

　　HTML標籤在HTML5中內容模型拓展到了7類，包括元數據型、區塊型、標題型、文檔流型、語句型、內嵌型、交互型。但即便是這7個類別也沒有徹底覆蓋全部元素的全部狀況，元素能夠不屬於任何一個類別，被稱爲穿透的；不少元素可能屬於不止一個類別，稱爲混合的html5

　　HTML標籤詳細信息見此w3c連接canvas

分類

元數據型(metadata)

　　設置展現、行爲、關聯文檔或其餘內容的元數據的元素瀏覽器

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

　　詳細信息移步到此ide

區塊型(sectioning)

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

　　詳細信息移步到此spa

標題型(heading)

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

　　詳細信息移步到此視頻

文檔流型(flow)

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

　　詳細信息移步至此

語句型(phrasing)

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

詳細信息移步至此

內嵌型(embedded)

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

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

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

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

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

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

　　音頻和視頻

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