簡單地說 section 就是帶有語義的 div,section 表示一段專題性的內容,一般會帶有標題。
section 不僅僅是一個普通的容器標籤。當一個標籤只是爲了樣式化或者方便腳本使用時,應該使用 div 。
一般來說,當元素內容明確地出現在文檔大綱中時,section 就是適用的。
section最普遍的用法是
<section>
<h1>title</h1>
<p>content</p>
</section>
而div 無任何語義,僅僅用作樣式化或者腳本化的鉤子(hook)。
我看到很多人爲了新的section就把div改成section,其實是錯誤的,section的真正應用只是很少,
主要是article裏面的標籤,例如<h1><p></p></h1> => <section><h1><p></p></h1></section> 這樣語義化纔有效,
如果無緣無故把div改爲section,反而是誤導了搜索引擎。