HTML5中section和article的主要區(qū)別如下section定義section表示一段專題性的內(nèi)容，一般會(huì)帶有標(biāo)題它是一個(gè)帶有語(yǔ)義的div，用于組織文檔中的結(jié)構(gòu)或主題部分用途適用于文檔大綱文章章節(jié)博客條目用戶評(píng)論部分或論文中有編號(hào)的部分等場(chǎng)景當(dāng)元素內(nèi)容明確地表示這些結(jié)構(gòu)時(shí)，應(yīng)使用section語(yǔ)義性；這些都是HTML5 中使用的標(biāo)簽 ltarticle 標(biāo)簽定義外部的內(nèi)容外部?jī)?nèi)容可以是來(lái)自一個(gè)外部的新聞提供者的一篇新的文章，或者來(lái)自 blog 的文本，或者是來(lái)自論壇的文本亦或是來(lái)自其他外部源內(nèi)容ltsection 標(biāo)簽定義文檔中的節(jié)section區(qū)段比如章節(jié)頁(yè)眉頁(yè)腳或文檔中的其他部分ltfigure 標(biāo)簽；ltsummary標(biāo)簽配合使用可以為 details 定義標(biāo)題標(biāo)題是可見的，用戶點(diǎn)擊標(biāo)題時(shí)，會(huì)顯示出 details定義嵌入的內(nèi)容，比如插件ltfigure 定義媒介內(nèi)容的分組，以及它們的標(biāo)題用于對(duì)元素進(jìn)行組合ltfigcaption 定義 figure 元素的標(biāo)題”figcaption” 元素應(yīng)該被置于 “figure” 元素的第一個(gè)或最后一個(gè)子；divsectionarticle，語(yǔ)義是從無(wú)到有，逐漸增強(qiáng)的div無(wú)任何語(yǔ)義，僅僅用作樣式化或者腳本化的標(biāo)簽對(duì)于一段主題性的內(nèi)容，則就適用section，而假如這段內(nèi)容可以脫離上下文，作為完整的獨(dú)立存在的一段內(nèi)容，則就適用 article原則上來(lái)說(shuō)，能使用article的時(shí)候，也是可以使用section的，但是實(shí)際上，假如；html5新增的一些語(yǔ)義話標(biāo)簽，可以使用比如頭部可以使用header標(biāo)簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articlep，ulli標(biāo)簽都是使用比較頻繁的標(biāo)簽，span，i，em可以對(duì)文字進(jìn)行單獨(dú)的描述，表示等article標(biāo)簽定義外部的內(nèi)容，比如來(lái)自一個(gè)外部的新聞提供者的一篇新的文章，或者來(lái)自blog的；HTML5中新增了ltheaderltfooterltnavltsectionltarticleltasideltfigure多個(gè)有語(yǔ)義的結(jié)構(gòu)化標(biāo)簽元素其中section和article這兩個(gè)標(biāo)簽和div差不多功能，很容易混淆1section章節(jié)簡(jiǎn)單地說(shuō)section就是帶有語(yǔ)義的div，比如ltdiv class=quotsectionquotltdiv；HTML5 中 div section article 的區(qū)別 剛剛開始接觸 HTML5 時(shí)，對(duì)它的標(biāo)簽很不適應(yīng)，甚至一度有點(diǎn)反感尤其是對(duì) divsectionarticle 這幾個(gè)標(biāo)簽，實(shí)在弄不清楚應(yīng)該使用在什么場(chǎng)合下div HTML Spec “The div element has no special meaning at all”這個(gè)標(biāo)簽是我們見得最多用得最多的一。

是外表獨(dú)立出來(lái)的內(nèi)容，所以它有自己獨(dú)立的標(biāo)題頁(yè)腳ltp段落標(biāo)簽 2使用不同 ltarticle是可以嵌套使用的，內(nèi)外層內(nèi)容相關(guān)聯(lián)，用戶看到的內(nèi)容并不是對(duì)應(yīng)本網(wǎng)站的一個(gè)具體的頁(yè)面ltp標(biāo)簽主要用作定義一段文本p 元素會(huì)自動(dòng)在其前后創(chuàng)建一些空白，瀏覽器會(huì)自動(dòng)添加這些空間；定義導(dǎo)航鏈接ltnavltnav 它也是有意義的標(biāo)簽，并不是在某處加上這個(gè)標(biāo)簽就有了導(dǎo)航的樣式了，這都是有意義的div而已，在頭部header中加入菜單標(biāo)簽ltnav，nav標(biāo)簽可以和ltulltli標(biāo)簽合用 定義文章標(biāo)簽ltarticleltarticle 可以使用文章塊標(biāo)簽進(jìn)行寫文章，這就使用這個(gè)標(biāo)簽進(jìn)行寫文章在section部分；divsectionarticle的區(qū)別和使用，有需要的朋友可以參考下在進(jìn)行HTML5的編寫時(shí)，會(huì)對(duì)divsectionarticle的使用混淆，經(jīng)過(guò)查閱相關(guān)的資料，以及自己的總結(jié)，得出divsectionarticle的區(qū)別1什么時(shí)候使用 1div作為布局以及樣式化時(shí)使用2section表示文檔中的節(jié)，一般是具有標(biāo)題的如。

在HTML5語(yǔ)義標(biāo)簽中，ltarticle元素用于表示一篇獨(dú)立的文章或者一個(gè)獨(dú)立的內(nèi)容塊該元素可以包含一些其他元素，比如標(biāo)題lth1~lth6段落ltp列表ltulltol等等，用來(lái)組織和呈現(xiàn)文章內(nèi)容如果一段名詞解釋與一篇文章或者一個(gè)獨(dú)立的內(nèi)容塊相關(guān)聯(lián)，并且可以作為該內(nèi)容塊的一部分，那么可以；article標(biāo)簽是HTML5的新標(biāo)簽，它的內(nèi)容獨(dú)立于文檔的其余部分，可以是來(lái)自外部的新聞博客文本論壇文本或是其他外部源的內(nèi)容這使得它能夠更好地組織和展示不同來(lái)源的信息aside標(biāo)簽則是語(yǔ)義化標(biāo)簽，通常用來(lái)描述與文檔主體內(nèi)容不相關(guān)的內(nèi)容例如，在博客文章中，主體內(nèi)容使用article標(biāo)簽，而博客旁邊的；介紹HTML5中新添加的標(biāo)簽用法于說(shuō)明aside 添加附注，用于包含于當(dāng)前文檔相關(guān)的內(nèi)容，如側(cè)欄提示文檔相關(guān)文檔，也可以使用來(lái)放廣告相關(guān)內(nèi)容鏈接，一個(gè)完全獨(dú)立的區(qū)塊作為頁(yè)面主要內(nèi)容的陪襯 article 獨(dú)立文檔標(biāo)記表示一個(gè)完整的自成一體的內(nèi)容塊，比如博客文章或新聞報(bào)道hgroup 標(biāo)注副標(biāo)題標(biāo)。

HTML5 的 article 標(biāo)簽，其主要作用是表示獨(dú)立的內(nèi)容單元，通常對(duì)應(yīng)于文章博客新聞等使用 article 標(biāo)簽，可以明確區(qū)分網(wǎng)頁(yè)上的不同內(nèi)容部分，提升網(wǎng)頁(yè)的可讀性和語(yǔ)義化水平在個(gè)人博客或新聞資訊網(wǎng)站中，article 標(biāo)簽的應(yīng)用較為常見通過(guò)將一篇博客或資訊整體包裹在 article 標(biāo)簽中，可以清晰展示其主體內(nèi)容；ltaside標(biāo)簽定義 article 以外的內(nèi)容aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相關(guān)ltaudio 標(biāo)簽定義聲音，比如音樂(lè)或其他音頻流ltcanvas 標(biāo)簽定義圖形，比如圖表和其他圖像這個(gè) HTML 元素是為了客戶端矢量圖形而設(shè)計(jì)的它自己沒(méi)有行為，但卻把一個(gè)繪圖 API 展現(xiàn)給客戶端 JavaScript 以使腳本能夠把想；html5的新增的標(biāo)簽都是帶有語(yǔ)義的，不光要從字面來(lái)說(shuō)，還要從舉例中來(lái)說(shuō)article 是獨(dú)立的一塊內(nèi)容，比如一篇新聞，一篇文章，包含文章主旨，還可以包含輔助內(nèi)容section 類似div，不過(guò)比div更有意義，他是對(duì)內(nèi)容進(jìn)行分塊aside 字面就是側(cè)邊欄，跟內(nèi)容相關(guān)的一些引用內(nèi)容這些元素表現(xiàn)形式都是行內(nèi)。