<section>: 区块标签

最后更新：2026-10-13

<section>区块标签

表示文档中一个主题独立的章节，通常带有标题。适合对内容进行分组。

<section>章节内容</section>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<section>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： 如果只是为了加样式而无语义，用 div 即可；有“章节”语义时才用 section。

Qsection 和 div 有什么区别？

A<section> 是「有主题的内容分组」，几乎总应配一个标题（h2-h6）；<div> 无语义，纯为布局样式存在。内容自成主题、需要标题就用 section，只是排版包一层就用 div。

Qsection 和 article 怎么选？

A内容能独立成篇、脱离页面仍有意义（文章、评论、商品卡）用 <article>；只是章节性分组（如「简介」「用法」「常见问题」）用 <section>。拿不准时用 section 更保守。

Qsection 里必须有标题吗？

A强烈建议。规范说 section 的主题「通常应出现在标题里」，无标题的 section 在文档大纲中语义模糊。若确实没有标题诉求，多半应该改用 <div>。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。