HTML 标签之 <section>

概述

HTML <section> 元素表示 HTML 文档中一个普通的独立章节。在绝大多数情况下，它都需要包含一个标题。

名称来源

Section，章节。

最佳实践

• 如上所述，<section> 是一个通用的分节元素，只有在没有更具体的元素来代表它的时候才可以使用。举个例子，一个导航菜单应该被包裹在 <nav> 元素中，但搜索结果列表或地图显示及其控件并没有特定的元素，可以放在 <section> 里面。

  注意事项：

  • 当该元素的内容可以作为一个独立的作品在多个媒体上发表，使用 <article> 是一个更好的选择。
  • 当内容包含代表与主要内容一同展示的有用的切入信息，但不是直接的一部分（如相关链接，作者简历等），请使用 <main>。
  • 当内容代表文档中的主要内容区域，请使用 <main>。
  • 将该元素作为一个样式包装时，请使用 <div>。一般来说，<section> 应该出现在文档大纲中。