<hgroup>: 标题组标签
最后更新：2026-10-13
<hgroup>标题组标签
将一组标题（<h1>~<h6>）组合在一起，通常表示文章的“主标题 + 副标题”，便于把多个标题当作一个标题块处理。
| 分类 | 语义化 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </hgroup> 标签 |
| 状态 | 标准 |
📝 语法
<hgroup>
<h1>主标题</h1>
<h2>副标题</h2>
</hgroup>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <hgroup> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： hgroup 只应放标题元素；SEO 中通常取其中层级最高的 <h1> 作为页面标题。
❓ 常见问题
Qhgroup 是做什么用的？
A
<hgroup> 把「标题 + 副标题」捆成一组，如 <hgroup><h1>主标题</h1><p>副标题说明</p></hgroup>。它告诉辅助技术：这组元素共同构成一个标题块。Qhgroup 里的 p 会被当作正文吗？
A在
<hgroup> 内，<p> 被解释为「副标题」而非普通段落（hgroup 只允许放 h1-h6 与 p），可配合 CSS 做成副标题样式。放图片、链接列表等其他内容不合法。Qhgroup 支持度如何？还需要它吗？
A浏览器对
<hgroup> 无特殊渲染行为（就是个普通容器），它历史上曾被废弃又恢复。若副标题不需要「标题组」语义，用 <header> 包 h1+p 也够用；需要严格文档大纲语义时再用 hgroup。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
