Default styles for H1 elements are changing
a year ago
- #browser-updates
- #web-development
- #accessibility
- 浏览器正在修改嵌套标题的默认用户代理样式，这将影响<h1>元素。
- HTML规范中的大纲算法（曾根据嵌套结构定义<h1>的隐式标题层级）已于2022年移除，但用户代理样式表规则仍保留。
- 嵌套在<section>、<article>等元素内的<h1>默认样式将不再自动适配<h2>、<h3>等层级的字号。
- Lighthouse现在会将未指定字号的<h1>标记为不良实践，并显示警告（H1UserAgentFontSizeInSection）。
- 浏览器更新计划：Firefox将在138 Beta版（2025年3月）开始变更，Chrome从136版起显示弃用警告，Safari预计跟进调整。
- 推荐修复方案：明确定义<h1>的字号和边距（例如：font-size: 2em; margin-block: 0.67em）。
- 使用:where(h1)选择器实现零特异性样式，避免覆盖其他规则。
- 核心建议：不要依赖默认样式，显式定义标题层级结构，并通过Lighthouse/开发者工具进行站点审查。