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