HTML5帶出了一系列新元素，被廣泛應(yīng)用。然而，有一些元素在使用時易被混淆，包括以下兩個新元素：<section和<article。
最常被問起的問題是：在什么情況下我們應(yīng)該使用這些元素？以及我們應(yīng)該如何正確的使用這些元素？

一、section元素

從字面理解就是區(qū)塊、部分的意思，相對于article元素更加廣泛，每個區(qū)塊都可以使用，比如頁面里的導(dǎo)航菜單、文章正文、文章的評論等。

1、section元素用于對網(wǎng)站或html' target='_blank'>應(yīng)用程序中頁面上的內(nèi)容進行分塊，section元素的作用是對頁面上的內(nèi)容進行分塊，或者說對文章進行分段，；

2、一個section元素通常由內(nèi)容及其標(biāo)題組成。通常不推薦為那些沒有標(biāo)題的內(nèi)容使用section元素，

3、section元素并非一個普通的容器元素；當(dāng)一個內(nèi)容需要被直接定義樣式或通過腳本定義行為時，推薦使用div而非section元素；

4、如果article、nav、aside元素都符合某條件，那么就不要用section元素定義；

5、section元素中的內(nèi)容可以單獨存儲到數(shù)據(jù)庫中或輸出到word文檔中。

二、article元素

article元素代表文檔、頁面或應(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

　　<header

<h1article元素使用方法</h1

　　　<p發(fā)表日期：<time pubdate="pubdate"2017/2/9</time</p

　　</header

　　<p此標(biāo)簽里顯示的是article整個文章的主要內(nèi)容，，下面的section元素里是對該文章的評論</p

　　<section

<h2評論</h2

　　　<article

<header

　　　　　　　　<h3發(fā)表者：Galin</h3

　　　　　　　　<p1小時前</p

　　　　　</header

　　　　　<p這篇文章很不錯啊，頂一下！</p

</article

　　　　<article

<header

　　　　　　 <h3發(fā)表者：木木</h3

<p1小時前</p

　　　　　</header

　　　　<p這篇文章很不錯啊，對article解釋的很詳細</p

　　　　</article

</section

</article

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。