HTML中hgroup标题组合 hgroup标签在最新标准中的回归

hgroup标签已被WHATWG于2013年正式移除，HTML Living Standard从未重新引入；所有主流浏览器均不解析其语义，h2仍独立计入大纲，应改用h1+p+aria-labelledby等标准方案替代。

hgroup 标签在 HTML Living Standard 中并不存在“回归”

它没有回归。WHATWG 在 2013 年正式移除 <hgroup>，HTML Living Standard（当前唯一权威的 HTML 规范）至今未将其重新引入。所有主流浏览器（Chrome、Firefox、Safari、Edge）均不解析其语义，<hgroup><h1>A</h1><h2>B</h2></hgroup> 中的 <h2> 仍会被当作独立二级标题计入文档大纲——和没写 <hgroup> 完全一样。

为什么你看到“HTML5.1 重新引入”的说法是错的

HTML5.1 是 W3C 的一个已终止的快照规范（2016 年发布，2019 年停止维护），它确实短暂保留过 <hgroup>，但 WHATWG 主导的 Living Standard 始终未采纳。而现代开发应以 Living Standard 为准。所谓“重新引入”，实为对两个并行规范演进路径的混淆；实际落地中，该标签从未被浏览器厂商重新支持。

用 <hgroup> 会导致哪些具体问题

• 文档大纲错误：屏幕阅读器和 SEO 工具仍会把 <h2> 当作新章节起点，破坏标题层级逻辑
• 验证失败：W3C HTML 验证器（基于 Living Standard）会报 Element hgroup is not supported in this document
• CSS 选择器失效：hgroup > h1 + h2 看似合理，但因 <hgroup> 无语义作用，这类规则既难维护又无实际意义
• 无障碍倒退：多数辅助技术忽略它，反而让开发者误以为“已处理副标题语义”，实际未做任何有效声明

现在该用什么替代 <hgroup>

按真实需求分层处理：

• 只要视觉样式（比如副标题小一号、灰色）：用 <h1> + <p class="subtitle">，纯 CSS 控制外观
• 需要语义分组（如文章页标题+导语）：用 <header> 或 <section> 包裹 <h1> 和 <p>
• 需明确告诉辅助技术“这是主标题的一部分”：给 <p> 加 id，再让 <h1> 通过 aria-labelledby 引用它

真正容易被忽略的是：即使你写了 <hgroup>，也根本无法阻止 <h2> 被当作独立标题——这个行为从 2013 年起就彻底失效了，不是兼容性问题，而是规范与实现的双重放弃。

立即学习“前端免费学习笔记（深入）”；