h4 应用于 h1–h3 之后的语义子层级，如技术文档中接口参数说明、FAQ 子项或配置字段；禁用作视觉装饰，须保持层级连续性并适配移动端可访问性。
h4 标签适合放在 h1–h3 之后的子层级中
它不是用来做页面主标题或大章节标题的，而是承接 h3 的进一步细分。比如在技术文档里，h1 是文档名，h2 是模块名（如“API 使用说明”），h3 是具体接口名（如“getUserById()”），那 h4 就适合写该接口的某个参数说明、返回字段含义或错误码列表。
常见误用是把它当“加粗小标题”随便塞在段落中间——这会破坏语义结构，影响屏幕阅读器识别和 SEO 权重分配。
h4 在嵌套列表或 FAQ 区域很自然
当一个 h3 下需要展开多个并列小点，又不想降级到纯 p 或 div 时，h4 是语义上最轻但依然合法的标题层级。
- FAQ 页面中，每个问题用
h3，答案里的子项（如“适用场景”“注意事项”“兼容版本”）用h4 - 配置说明文档里，一级配置项用
h3，其下各字段说明用h4 - 不建议在
ul或ol内部直接放h4—— 列表项本身已有语义，强行混入标题标签反而干扰结构
h4 与 CSS 控制字号/样式无关，别为“看起来小”而选它
有人看到默认渲染效果比 h3 小，就拿 h4 当“视觉小标题”用，这是典型本末倒置。HTML 标签选型只看语义层级，样式该由 CSS 管。
立即学习“前端免费学习笔记（深入）”；
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
如果设计稿要求某个标题视觉上比 h3 小但语义仍是同级内容，那就继续用 h3 + CSS 调整 font-size；反过来，如果语义上确实是 h3 的下级，哪怕它视觉上被放大了，也该用 h4。
浏览器默认样式可被重置，但语义层级一旦写错，没法靠 CSS 修复可访问性和搜索引擎理解。
移动端或响应式布局中 h4 容易被忽略的细节
在小屏设备上，h4 默认字号可能过小，用户缩放或辅助技术识别困难。这不是让它“少用”，而是提醒你：如果真要用，得检查实际渲染效果。
@media (max-width: 768px) { h4 { font-size: 1.1rem; line-height: 1.4; } } 这类调整是必要动作，不是可选项。
更关键的是：别因为“移动端显示不下太多层级”就跳过 h4 —— 屏幕阅读器仍依赖完整层级，跳级（比如 h2 直接接 h4）比字号小更伤结构。
