码译 · VibeCodeHTML 元素参考 · 来自 MDN
← 返回术语站
<section>
The generic section element.

一句话说清

大白话:代表文档里一个「成块的主题段落」,比如一章、一节。比 div 多一层语义——明确告诉浏览器「这是文档结构里的一节」。每块 section 最好配一个标题(h1~h6)。
MDN 原文:The generic section element.

可运行示例

实时效果沙箱预览
<section>
  <h2>关于我们</h2>
  <p>这里写公司介绍……</p>
</section>

常用属性(大白话)

属性是干嘛的
class类名,用来给这一节上样式
id这一节的页面内锚点 id
aria-label当 section 没有可见标题时,用它在读屏里补一个名字

新手常踩的坑

1)别和 div 混用:单纯为了排版上样式就用 div,要表达「这是一节内容」才用 section。2)每个 section 尽量配一个标题,否则读屏软件和 SEO 都不友好;如果是能独立成篇的内容(一篇博客 / 一条评论)改用 article。
查看 MDN 原文 ↗
← <span><a> →