标签必须配标题才能形成有效语义结构，否则被屏幕阅读器跳过、Lighthouse报错、大纲为空、搜索引擎难识别；标题须为h1–h6元素且存在于DOM中，可视觉隐藏但不可省略或用其他标签模拟。
到标题，否则在结构上就“不存在”——屏幕阅读器跳过、Lighthouse报错、大纲视图为空、搜索引擎难识别主题。
只能用一次，且通常放在内部作为整个页面主旨；内部一律从起始，不能用。
标题不必显示在页面上，但必须存在于DOM中。比如：
<section>
<h3 class="visually-hidden">后台服务状态</h3>
<div class="status-indicator">运行中</div>
</section>
这个写法完全合法，也符合无障碍要求。
嵌套时标题层级必须递进：父用，子就得用；不能全用，也不能跳级（比如后直接）。
如果一块内容实在找不到合适标题，大概率说明它不该用——换更准确。立即学习“前端免费学习笔记（深入）”；
适合有明确主题、能被单独命名、可锚点跳转、脱离上下文仍能理解的部分。比如「用户评价」「技术参数」「部署步骤」。
不带标题的，语义上等同于，只是多打了几个字母，反而增加解析负担和维护成本。标题必须是
–元素，不能用
、或加CSS模拟——只有标题标签才能被浏览器和辅助工具识别为大纲节点。
只能用一次，且通常放在内部作为整个页面主旨；内部一律从起始，不能用。
标题不必显示在页面上，但必须存在于DOM中。比如：
<section>
<h3 class="visually-hidden">后台服务状态</h3>
<div class="status-indicator">运行中</div>
</section>
这个写法完全合法，也符合无障碍要求。
嵌套时标题层级必须递进：父用，子就得用；不能全用，也不能跳级（比如后直接）。
如果一块内容实在找不到合适标题，大概率说明它不该用——换更准确。立即学习“前端免费学习笔记（深入）”；
适合有明确主题、能被单独命名、可锚点跳转、脱离上下文仍能理解的部分。比如「用户评价」「技术参数」「部署步骤」。
不带标题的，语义上等同于，只是多打了几个字母，反而增加解析负担和维护成本。标题必须是
–元素，不能用
、或加CSS模拟——只有标题标签才能被浏览器和辅助工具识别为大纲节点。
起始，不能用。
标题不必显示在页面上，但必须存在于DOM中。比如：
<section> <h3 class="visually-hidden">后台服务状态</h3> <div class="status-indicator">运行中</div> </section>
这个写法完全合法，也符合无障碍要求。
嵌套时标题层级必须递进：父，子
；不能全用
，也不能跳级（比如
后直接
）。
如果一块内容实在找不到合适标题，大概率说明它不该用 立即学习“前端免费学习笔记（深入）”； 不带标题的 标题必须是 、或更准确。
，只是多打了几个字母，反而增加解析负担和维护成本。–
元素，不能用
加CSS模拟——只有标题标签才能被浏览器和辅助工具识别为大纲节点。
