h1到h6本质是语义层级而非字体大小开关，h1为页面唯一核心主题，h2–h6逐级嵌套构成逻辑结构，跳级、乱序或滥用会损害可访问性与seo。
h1到h6本质是语义层级，不是字体大小开关
浏览器默认让 h1 最大、h6 最小，但这只是视觉副作用。真正区别在于：它们共同构成一个逻辑树——h1 是整页唯一核心主题，h2 是它的直接子模块，h3 再往下拆解，以此类推。跳级（比如 h1 后直接写 h4）或乱序（比如先 h3 后 h2）会让屏幕阅读器困惑，也会让搜索引擎无法判断内容主次。
一个页面该用几个h1？
语义和 SEO 实践都强烈建议：只用一个 h1。
-
h1应准确概括整页意图，比如文章页的标题、产品页的商品名 - 多个
h1不会报错，但会稀释关键词权重，也违背“单主题”语义原则 - HTML5 规范未硬性禁止多个
h1，但实际项目中几乎没人这么做——它解决不了任何真实问题，反而引入可访问性和 SEO 风险
h2–h6 的使用边界在哪？
层级越深，适用场景越窄：
-
h2：大区块标题，如“技术方案”“用户反馈”“相关文档” -
h3：h2下的明确子项，比如“前端架构”“后端接口规范” -
h4：再细分，如“React 版本约束”“API 响应格式” -
h5和h6：极少需要。仅在法律条款、嵌套极深的技术规格书等特殊文档中出现；日常业务页面基本用不到
别为了“看起来有层次”而硬凑 h5，更别用 h6 当普通强调文本——那是 strong 或 CSS 的事。
align 属性已被废弃，别再用了
你可能见过 <h2 align="center"></h2> 这种写法，但它在 HTML5 中完全不合法。
-
align属性早在 HTML 4.01 就被标记为废弃，HTML5 已彻底移除支持 - 所有对齐、颜色、间距等样式，必须用 CSS 控制，比如
text-align: center或margin: 0 auto - 混用内联样式（如
style="text-align:center"）虽能临时生效，但违背结构与样式的分离原则，维护成本高
真正容易被忽略的点是：很多人改完标题文字后，顺手加个 align 就提交了——这会导致 HTML 验证失败，也埋下未来样式失控的隐患。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
