最近博主開始挖坑web，因此記下學習過程中的一些心得筆記，希望能對遇到同樣問題的道友們有所幫助。關於在HTML5中我們會用到div、section、article等標籤進行佈局劃分。但是三者缺有相對應的使用環境和特點。div：本身沒有任何語義，單純用作佈局呵和樣式化。section：類似於帶語義的div，section表示一段專題性的內容，一般帶有標題。section應用於文章的章節、標籤對話框中的標籤頁、或者論文當中有編號的部分。一般網站的主頁結構爲簡介、新聞和聯繫信息等部分。section不僅僅是一個容器標籤，當元素內容明確出現在文檔大綱中的時候section就是適用的。article：比section具有明確的語義，代表一個獨立的、完整的相關內容塊，無論是從結構還是內容上來說，article本身就是獨立的、完整的。當article內嵌article時，原則上來說，內部的article的內容是和外層的article內容相關的。例如一篇博客文章中，包含用戶提交的評論的article就應該嵌套在包含博客文章的article中間。
總之，div---section----article，語義從無到有逐漸增強。對一段主題性的內容選擇section，當內容還可以獨立於上下文成爲一個獨立的整體存在時就使用article。當能使用article時也可以使用section，但實際上使用article更合適就不要使用section。