HTML标题标签h1至h6是定义内容逻辑层级的语义骨架：h1唯一且为核心主题；h2划分并列主模块；h3–h6逐层细化，不可跳级；样式须用CSS控制，不得混淆语义与视觉。
HTML标题标签（h1 到 h6）不是装饰性工具，而是定义内容逻辑层级的语义骨架。用对了，用户能快速抓重点，屏幕阅读器能顺畅朗读，搜索引擎也能准确判断页面主题和结构关系。
h1 是页面唯一的“主心骨”
每个页面只应有一个 h1，它代表整页最核心的主题，比如文章标题、产品名称或服务主口号。
它通常放在 内容区靠前位置，不一定要在第一行，但不能藏在侧边栏或页脚里。
避免用多个 h1 拼凑“视觉强调”，那会混淆语义——加粗或放大字号该交给 CSS，而不是滥用 h1。
h2 是一级内容区块的“门牌号”
h2 用于划分页面中并列的主要模块，例如“产品介绍”“使用步骤”“客户评价”“常见问题”。
它们应直接跟随 h1 出现，且彼此之间保持逻辑平行，不嵌套也不跳级。
一个长页面可以有多个 h2，但每个 h2 都应承载独立、完整的信息单元，不是为了换行或空行而加。
h3–h6 是逐层细化的“说明书目录”
h3 是 h2 下的第一层子内容，比如“安装步骤”下的“准备工具”“连接设备”“启动配置”；
h4 可再展开为具体操作要点，如“连接设备”里的“确认接口类型”“检查线缆状态”；
h5 和 h6 很少用到，仅适用于技术文档、API 手册等需要深度分层的场景；
关键规则：不能跳级，比如 h2 后直接写 h4，中间缺了 h3，结构就断裂了——这会让辅助技术和搜索引擎丢失上下文。
立即学习“前端免费学习笔记（深入）”；
样式与语义必须分开管理
标题的大小、颜色、间距等外观效果，一律通过 CSS 控制，不要依赖浏览器默认样式来“凑合”层级感。
即使你把 h6 设得比 h2 还大，它在语义上仍是第六级，不会提升权重或可访问性；
用 CSS 重置标题样式时，务必保留其语义层级不变，比如用 font-size 调整视觉大小，但不改变标签本身。
