section,div,artical的區別

section：看起來像是有語義版的<div>，但實際的使用是用在一個專題性的版塊，且一般帶有一個標題。適合用於章節、標籤切換效果的每個tab容器或論文中有編號的地方，也能夠用於網站主頁中劃分簡介、新聞、聯繫信息等板塊

artical是一個特殊的section標籤，比section具備更明確的語義，表明一個獨立的、完整的相關內容塊。通常來講，artical會有標題部分（一般包含在header內），有時也會包含footer

總結：

div section article ，語義是從無到有，逐漸加強的。div 無任何語義，僅僅用做樣式化或者腳本化的鉤子(hook)，對於一段主題性的內容，則就適用 section，而假如這段內容能夠脫離上下文，做爲完整的獨立存在的一段內容，則就適用 article。原則上來講，能使用 article 的時候，也是能夠使用 section 的，可是實際上，假如使用 article 更合適，那麼就不要使用 section 。nav 和 aside 的使用也是如此，這兩個標籤也是特殊的 section，在使用 nav 和 aside 更合適的狀況下，也不要使用 section 了。 

對於 div 和 section、 article 以及其餘標籤的區分比較簡單。對於 section 和 article 的區分乍看比較難，其實重點就是看看這段內容脫離了總體是否是還能做爲一個完整的、獨立的內容而存在，這裏面的重點又在完整身上。由於其實提及來 section 包含的內容也能算做獨立的一塊，可是它只能算是組成總體的一部分，article 纔是一個完整的總體。 

 

注：section不是一個普通的容器元素，爲了樣式佈局，建議使用div。當元素內容明確的列舉在大綱時建議使用section