应使用<strong>和<em>替代<b>与<i>进行语义强调；当文字在逻辑上必须被重视（如错误提示、法律条款）时用<strong>，因其具语义且屏幕阅读器会加重朗读；仅需视觉加粗时应使用CSS。
别用 <b> 和 <i> 做语义强调，该用 <strong> 和 <em> 的地方硬套样式标签，后期维护和可访问性会出问题。
什么时候该用 <strong> 而不是 <b>
当一段文字在内容逻辑上「必须被重视」时，比如错误提示、操作警告、法律条款关键句——这是语义需求，不是视觉需求。<strong> 传达的是“这段话重要”，屏幕阅读器会加重语气朗读；<b> 只是“我想加粗”，没有语义，读出来和平常一样。
- ✅ 正确场景：
<strong>密码至少8位，含大小写字母和数字</strong> - ❌ 错误场景：
<b>商品名称</b>：iPhone 15 Pro（这里只是想让“商品名称”视觉突出，应该用 CSS 的font-weight） - ⚠️ 兼容性注意：所有现代浏览器都支持
<strong>，但老 IE（
<em> 和 <i> 的本质区别在哪
<em> 表示「语气上的强调」，比如反语、转折、重点重读；<i> 仅用于「非强调类的斜体用途」，比如外文词、科技术语、船名、小说中角色内心独白等。
- ✅
<em>合理用法：你真的<em>确定</em>要删除全部数据？（“确定”需重读） - ✅
<i>合理用法：《<i>The Great Gatsby</i>》出版于1925年（书名用斜体是排版惯例） - ❌ 混用风险：用
<i>包裹「用户名不能为空」，会导致屏幕阅读器不会特殊处理，用户可能忽略关键提示
<small>、<mark>、<del> 这几个标签容易被当成纯样式工具
它们都有明确语义，乱用会破坏文档结构和 SEO 可读性。
立即学习“前端免费学习笔记（深入）”；
-
<small>不是「缩小字号」的快捷方式，而是表示「附属细则、版权信息、免责声明等次要内容」。搜索引擎会降低其权重 -
<mark>表示「与当前上下文相关而被高亮的内容」，比如搜索结果页中关键词匹配部分。不要用它替代 CSSbackground-color -
<del>必须配合原内容使用，单独出现无意义。常见错误是写成<del>¥199</del> ¥99却没说明这是价格变更，正确做法是加上<ins>：<del>¥199</del><ins>¥99</ins>
标题标签 <h1>～<h6> 的层级陷阱
标题不是用来控制字号大小的，而是构建文档大纲。跳级、滥用、多个 <h1> 都会让页面结构混乱。
- 一个页面只应有且仅有一个
<h1>，代表主主题（如文章标题、产品主名称） - 子标题必须严格按顺序嵌套：
<h1>→<h2>→<h3>，不能<h1>直接跟<h3> - 别用
<h2>去实现「比<p>大一号」的效果——那是 CSS 的事；用错标题层级，会影响 SEO 排名和屏幕阅读器导航顺序
真正难的不是记住每个标签怎么写，而是每次敲下 < 之前，先问一句：我想要表达的，是内容的结构关系，还是仅仅想换个样子？
