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

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

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

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