<h1>到<h6>是语义层级标记而非字号工具，错用会损害SEO和屏幕阅读器体验；<p>的空白是规范定义的渲染逻辑，非可随意清除的样式；表重要性，仅表视觉突出；标题层级必须连续。
<h1> 到 <h6> 不是字号调节工具，而是语义层级标记——用错会直接影响 SEO 和屏幕阅读器行为。
为什么不能用 <h2> 当大号正文？
浏览器和搜索引擎把 <h2> 解释为“二级标题”，即当前页面中第二重要的结构节点。如果你把它当加大加粗的普通文字用，相当于在文档大纲里插入一个虚假的章节入口。
- SEO 工具（如 Google Search Console）可能误判页面结构，降低关键词相关性评分
- 视障用户用屏幕阅读器按标题跳转时，会听到“二级标题：联系我们”，但实际下面只是两行联系方式，体验断裂
- CSS 重置后，
<h2>默认样式消失，而语义残留——你改了外观，却没改含义
<p> 的空白不是“样式”，是渲染逻辑的一部分
很多人手动加 <br> 或外层 <div> 来控制段落间距，其实是在对抗浏览器默认行为。
-
<p>渲染时自动添加margin-top和margin-bottom，这是规范定义的，不是 CSS “默认样式”可有可无 - 强行用
margin: 0清空它，再用padding模拟间距，会导致打印样式、高对比度模式下段落粘连 - 真正需要紧凑排版时，应改用
<div>+ 语义化 class（如class="text-block"），而非篡改<p>行为
<strong> 和 <b> 看似一样，但机器能区分
两者都默认加粗，但语义完全不同：
立即学习“前端免费学习笔记（深入）”；
-
<strong>表示内容重要性提升，会被屏幕阅读器加重语气朗读，SEO 权重略高 -
<b>仅表示“视觉上突出”，无语义权重，适合品牌名、术语缩写等无需强调含义的场景 - 例如：
<p>请务必在<strong>截止日期前</strong>提交申请</p>vs<p>本系统基于<b>WebAssembly</b>构建</p>
最容易被忽略的是：标题层级必须连续。跳过 <h2> 直接用 <h4>，等于告诉辅助技术“这里漏了一级结构”，部分阅读器会静默跳过或报错。这不是浏览器兼容问题，是语义解析失败。
