1.section元素：頁面中的一個內(nèi)容區(qū)塊，比如章節(jié)、頁眉、頁腳或頁面中的其他部分；可以與h1、h2、h3、h4、h5、h6等結(jié)合使用，標(biāo)示文檔結(jié)構(gòu)；

? ? ? ? 用于對網(wǎng)站或應(yīng)用程序中頁面上的內(nèi)容進行分塊。一個section元素通常由內(nèi)容及標(biāo)題組成。標(biāo)題部分位于它的內(nèi)部。section元素中的內(nèi)容可以單獨存儲到數(shù)據(jù)庫中或輸出到Word文檔中。

? ? ? ? 不要將section元素用作設(shè)置樣式的頁面容器，那是div的工作；如果article元素、aside元素或nav元素更符合使用條件，不要使用section元素；不要為沒有標(biāo)題的內(nèi)容區(qū)塊使用section元素。?

?

2.article元素：頁面中的一塊與上下文不相干的獨立內(nèi)容，如博客中的一篇文章或報紙中的一篇文章；

? ? ? ? 代表文檔、頁面或應(yīng)用程序中獨立的、完整的、可以獨自被外部引用的內(nèi)容。可以是一篇博客或報刊中的文章、一篇論壇帖子、一段用戶評論或獨立的插件，或其他獨立的內(nèi)容。

? ? ? ? 除了內(nèi)容部分，一個article元素通常有自己的標(biāo)題（一般放在一個header元素里），有時還有自己的注腳。

? ? ? ? article元素可以嵌套使用，內(nèi)層的內(nèi)容在原則上需要與外層的內(nèi)容相關(guān)聯(lián)。如博客中，針對文章的評論就可以使用嵌套article元素的方式，用來呈現(xiàn)評論的article元素被包含在表示整體內(nèi)容的article元素里面。

? ? ? ?article元素也可以用來表示插件，其作用是使插件看起來好像內(nèi)嵌在頁面中一樣。

? ? ? ??article元素可以看做是一種特殊的section元素。section強調(diào)分塊或分段，而article強調(diào)獨立性。如果一塊內(nèi)容相對來說比較獨立、完整的時候，應(yīng)該使用article，但是如果想將一塊內(nèi)容分成幾段的時候，應(yīng)該使用section元素。div元素變成了一種容器，當(dāng)使用css樣式的時候，可以對這個容器進行一個總體的css樣式的套用。?

?

3.aside元素：article元素的內(nèi)容之外的、與article的內(nèi)容相關(guān)的輔助信息；

? ? ? ? 用來表示當(dāng)前頁面或文章的附屬信息部分，可以包含與當(dāng)前頁面或主要內(nèi)容相關(guān)的引用、側(cè)邊欄、廣告、導(dǎo)航條，以及其他類似的有別于主要內(nèi)容的部分。

? ? ? ? 主要有以下使用方法：被包含在article元素中作為主要內(nèi)容的附屬信息部分，可以是與當(dāng)前文章相關(guān)的參考資料、名詞解釋等；在article元素之外使用，作為頁面或站點全局的附屬信息部分，較為典型的形式是側(cè)邊欄，其中的內(nèi)容可以是友情鏈接，博客中其他文章列表、廣告單元等。

?

4.?nav元素：頁面中的導(dǎo)航鏈接的部分；

? ? ? ? 只需要將主要的、基本的鏈接組放進nav元素即可；一個頁面中可以擁有多個nav元素，作為整體或不同部分的導(dǎo)航。

? ? ? ? nav的使用場合主要是：傳統(tǒng)導(dǎo)航條、側(cè)邊導(dǎo)航條（將頁面從當(dāng)前文章或當(dāng)前商品跳轉(zhuǎn)到其他文章或其他商品頁面上去）、頁內(nèi)導(dǎo)航（在本頁面幾個主要的組成部分之間進行跳轉(zhuǎn)）、翻頁導(dǎo)航（在多個頁面的前后頁或博客網(wǎng)站的前后篇文章滾動）、也可以是其他認為是重要的基本的導(dǎo)航鏈接組中；
? ? ? ? 在H5中不要用menu元素替換nav元素。menu元素使用在一系列發(fā)出命令的菜單上的，是一種交互性的元素（在web應(yīng)用程序中使用的）。?

?

5.time元素：日期或時間，或同時表示兩者；

? ? ? ??time元素代表24小時中的某個時刻或某個日期，表示時刻時允許帶時差。可以定義多種格式的日期和時間。

? ? ? ? 微格式：一種利用HTML的class屬性來對網(wǎng)頁添加附加信息的方法，附加信息可以是新聞事件發(fā)生的日期時間、個人電話號碼、企業(yè)郵箱等。在H5中添加了一種新的元素time元素來無歧義、明確地對機器的日期和時間進行編碼，并且以讓人易讀的方式展示。

?

?<time datetime="2016-1-19">2016年1月19日</time>

<time datetime="2016-1-19">1月19日</time>
<time datetime="2016-1-19">生日</time>
<time datetime="2016-1-19T14:00">生日下午2點</time>
<time datetime="2016-1-19T14:00Z">生日下午2點</time>
<time datetime="2016-1-19T14:00+9:00">生日下午2點的美國時間</time>

編碼時機器讀到的部分在datetime屬性里，而元素的開始標(biāo)記與結(jié)束標(biāo)記中間的部分是顯示在網(wǎng)頁上的。datetime屬性中日期與時間之間用“T”（時間）分隔；Z代表給機器編碼時使用UTC標(biāo)準(zhǔn)時間；最后一個加上了時差，表示向機器編碼另一地區(qū)時間。

? ? ? ? ? pubdate屬性是一個可選的、布爾值屬性，可以用到article元素中的time元素上，含義是time元素代表了文章（article元素的內(nèi)容）或整個網(wǎng)頁的發(fā)布日期。

?

轉(zhuǎn)載于:https://www.cnblogs.com/yimi1900/p/5141693.html

總結(jié)

以上是生活随笔為你收集整理的新增主体结构元素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。