hgroup标签已被WHATWG于2013年正式移除，HTML Living Standard从未重新引入；所有主流浏览器均不解析其语义，h2仍独立计入大纲，应改用h1+p+aria-labelledby等标准方案替代。
hgroup 标签在 HTML Living Standard 中并不存在“回归”
它没有回归。WHATWG 在 2013 年正式移除 <hgroup></hgroup>，HTML Living Standard（当前唯一权威的 HTML 规范）至今未将其重新引入。所有主流浏览器（Chrome、Firefox、Safari、Edge）均不解析其语义，<hgroup><h1>A</h1>
<h2>B</h2></hgroup> 中的 <h2></h2> 仍会被当作独立二级标题计入文档大纲——和没写 <hgroup></hgroup> 完全一样。
为什么你看到“HTML5.1 重新引入”的说法是错的
HTML5.1 是 W3C 的一个已终止的快照规范（2016 年发布，2019 年停止维护），它确实短暂保留过 <hgroup></hgroup>，但 WHATWG 主导的 Living Standard 始终未采纳。而现代开发应以 Living Standard 为准。所谓“重新引入”，实为对两个并行规范演进路径的混淆；实际落地中，该标签从未被浏览器厂商重新支持。
用 <hgroup></hgroup> 会导致哪些具体问题
- 文档大纲错误：屏幕阅读器和 SEO 工具仍会把
<h2></h2>当作新章节起点，破坏标题层级逻辑 - 验证失败：W3C HTML 验证器（基于 Living Standard）会报
Element hgroup is not supported in this document - CSS 选择器失效：
hgroup > h1 + h2看似合理，但因<hgroup></hgroup>无语义作用，这类规则既难维护又无实际意义 - 无障碍倒退：多数辅助技术忽略它，反而让开发者误以为“已处理副标题语义”，实际未做任何有效声明
现在该用什么替代 <hgroup></hgroup>
按真实需求分层处理：
- 只要视觉样式（比如副标题小一号、灰色）：用
<h1></h1>+<p class="subtitle"></p>，纯 CSS 控制外观 - 需要语义分组（如文章页标题+导语）：用
<header></header>或<section></section>包裹<h1></h1>和<p></p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/skill11445" title="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审"><img src="https://img.php.cn/upload/skill/001/246/273/6adaf20e695c2374.jpg" alt="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审" ></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/skill11445" title="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审">使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审</a> <p>使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。</p> </div> <a href="/xiazai/skill11445" title="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> - 需明确告诉辅助技术“这是主标题的一部分”：给
<p></p>加id，再让<h1></h1>通过aria-labelledby引用它
真正容易被忽略的是：即使你写了 <hgroup></hgroup>，也根本无法阻止 <h2></h2> 被当作独立标题——这个行为从 2013 年起就彻底失效了，不是兼容性问题，而是规范与实现的双重放弃。
立即学习“前端免费学习笔记（深入）”；
