html5 中没有 hgroup 标签，它已于2013年被whatwg移除；废弃主因是使用率低、开发者理解不一、损害可访问性；推荐用h1+h2+p+aria-labelledby等标准语义方案替代。

HTML5 中没有 hgroup 标签。它曾是 HTML5 早期草案中的一个实验性元素，用于对主标题（h1–h6）及其子标题（如副标题、版本号、作者名等）进行语义分组，但已于 2013 年被 WHATWG 官方移除，且未被现代浏览器持续支持。

为什么 hgroup 被废弃

主要原因是实际使用率极低，开发者理解不一致，辅助技术（如屏幕阅读器）对其支持混乱，反而可能损害可访问性。W3C 和 WHATWG 共同决定：用更清晰、更可控的语义方式替代它。

推荐的替代方案

用标准标题元素配合其他语义化标签，实现相同逻辑结构和可访问性目标：

• 主副标题并列时，用 heading + paragraph 或 span：
  例如：<h1>网页设计入门</h1> <p class="subtitle">——面向初学者的 HTML/CSS 实践指南</p>，再通过 CSS 控制样式和视觉层级。
• 需要强调语义关联时，用 aria-labelledby：
  为副标题设置 ID，主标题通过 aria-labelledby 引用它，让辅助技术将其作为标题的一部分朗读。
• 文档结构复杂时，依靠 heading 级别本身表达层级：
  比如 <h1></h1> 表示页面主标题，<h2></h2> 表示章节标题，<h3></h3> 表示小节——这是 HTML5 推荐的、最可靠的内容组织方式。

检查与兼容性提醒

当前所有主流浏览器（Chrome、Firefox、Safari、Edge）均不解析或忽略 <hgroup></hgroup> 的语义作用。若在代码中保留该标签，它仅作为普通容器存在，不会影响标题级别计算、大纲生成或屏幕阅读器行为。建议直接删除，改用上述标准方案。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！