简单地说 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,反而是误导了搜索引擎。