h1–h6的核心作用是构建内容层级,须严格遵循唯一h1、递进结构、逻辑并列、样式交由CSS控制、标题内仅含文本或安全内联元素。

别为了视觉效果硬换 h 标签,h1–h6 的核心作用是构建内容层级,不是调字号大小的快捷键。
严格遵循唯一主标题与递进结构
整个页面有且仅有一个 h1,代表整体主题;
标题必须真实反映内容关系
同一层级的标题应逻辑并列、主题一致。比如一组服务介绍,每个用 h3 是合理的;但把“联系我们”塞进同一组 h3 里,就破坏了语义一致性——它属于页脚或独立页面,不该混在主内容层级中。
实现 Markdown↔ HTML 互转,支持导出 PDF,用于用户请求的文档格式转换。
样式调整交给 CSS,不是标签替换
想让某个副标题看起来像 h1?用 class 配合 CSS 改 font-size、line-height、margin 就行。不要因为视觉需要把 h3 改成 h1——这会让屏幕阅读器误判结构,搜索引擎错估权重,大纲视图(Elements → Accessibility → Outline)直接报错。
标题内只放文本或安全内联元素
h 标签里不能嵌套 p、div、section 等块级元素。允许的只有 strong、a、span 这类行内内容。否则浏览器会自动修正 DOM,导致布局错乱或样式失效。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










