码
码译 · VibeCode
HTML 元素参考 · 来自 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> →