介绍
HTML5的新元素 section 。HTML对该元素的部分定义: section 元素代表文档或应用的一个一般的区块。在这里,section 是具有相似主题的一组内容,通常包含一个标题。section 的例子包含章节、标签式对话框中的各种标签页、论文中带编号的区块。比如网站的主页可以分成介绍、新闻条目、联系信息等区块。
提示
- 尽管将 section 定义成 “通用的” 区块,但不要将它与 div 元素混淆,从语义上讲,section 标记的是页面中的特定区域,而 div 不传达任何语义。
- 几乎任何新闻网站都会对新闻进行分类。每个类别都可以标记为一个 section。
- section 并不影响页面的显示。
- 如果只是由于添加样式的原因要对内容添加一个容器,应该使用 div 而不是 section。
- 可以将 section 嵌套在 article 里,从而显式地标出报告、故事、手册等文章的不同部分或不同章节。
- 不必过于纠结 div 与 section 的选用,尽量遵循着,官方定义中的具有相同主题的内容时使用 section , 当然使用 div 也并没有什么错,很多时候都是凭着个人的感觉,并没有明确规定。
- section 与 article 的区别在于,section 的组织性和结构性更强,而 article 则代表的是自包含的容器。