<h3>: 三级标题标签
最后更新:2026-10-13
<h3>三级标题标签
<h3> 是三级标题元素,用于 <h2> 之下的子章节标题,帮助组织更细粒度的内容结构。
| 分类 | 文本内容 |
|---|---|
| 内容模型 | 流式内容、标题内容 |
| 允许的父元素 | 接受流式内容或标题内容的元素 |
| 闭合标签 | 需要 </h3> 标签 |
| 状态 | 标准 |
📝 语法
<h3>三级标题</h3>
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <h3> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
❓ 常见问题
Qh3 前面必须有 h2 吗?
A规范上不强制,但大纲质量上强烈建议:
<h3> 应是某个 h2 章节的子标题。直接在 h1 下用 h3 属于跳级,破坏层级递进,屏幕阅读器的「按标题导航」功能也会失准。Qh3 可以用在卡片或列表项标题上吗?
A可以,这是它的常见用法:卡片网格中每张卡片的标题用 h3,前提是页面存在清晰的 h1→h2 层级,卡片属于某个 h2 章节的内容。若无标题上下文,用
<p> 加粗样式更诚实。Qh3 和 h2 的样式差异需要多大?
A没有强制要求,字号递减是惯例而非规范。关键是视觉上能体现层级关系(字号、粗细、留白任意组合),同时不要为了视觉效果把 h3 做得比 h2 还醒目。