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

hgroup 标签在 HTML Living Standard 中并不存在“回归”
它没有回归。WHATWG 在 2013 年正式移除 ,HTML Living Standard(当前唯一权威的 HTML 规范)至今未将其重新引入。所有主流浏览器(Chrome、Firefox、Safari、Edge)均不解析其语义, 中的 A
B
仍会被当作独立二级标题计入文档大纲——和没写 完全一样。
为什么你看到“HTML5.1 重新引入”的说法是错的
HTML5.1 是 W3C 的一个已终止的快照规范(2016 年发布,2019 年停止维护),它确实短暂保留过 ,但 WHATWG 主导的 Living Standard 始终未采纳。而现代开发应以 Living Standard 为准。所谓“重新引入”,实为对两个并行规范演进路径的混淆;实际落地中,该标签从未被浏览器厂商重新支持。
用 会导致哪些具体问题
- 文档大纲错误:屏幕阅读器和 SEO 工具仍会把
当作新章节起点,破坏标题层级逻辑 - 验证失败:W3C HTML 验证器(基于 Living Standard)会报
Element hgroup is not supported in this document - CSS 选择器失效:
hgroup > h1 + h2看似合理,但因无语义作用,这类规则既难维护又无实际意义 - 无障碍倒退:多数辅助技术忽略它,反而让开发者误以为“已处理副标题语义”,实际未做任何有效声明
现在该用什么替代
按真实需求分层处理:
- 只要视觉样式(比如副标题小一号、灰色):用
+,纯 CSS 控制外观 - 需要语义分组(如文章页标题+导语):用
或包裹和 - 需明确告诉辅助技术“这是主标题的一部分”:给
加id,再让通过aria-labelledby引用它
真正容易被忽略的是:即使你写了 ,也根本无法阻止 被当作独立标题——这个行为从 2013 年起就彻底失效了,不是兼容性问题,而是规范与实现的双重放弃。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











