应优先使用语义化标签<strong>和<em>：<strong>表内容重要性（如错误提示、责任条款），<em>表语气强调（如“真的”）；<b>/<i>仅用于无语义的视觉加粗/斜体（如产品名、外文词）。
优先用 <strong> 和 <em>，不是 <b> 或 <i> —— 语义正确才能被屏幕阅读器识别、被搜索引擎理解。
什么时候该用 <strong> 而不是 <b>
<strong> 表示内容有重要性，比如错误提示、关键操作按钮文案、法律条款中的责任条款；<b> 只是视觉加粗，比如产品名、人名、关键词高亮但无语义权重。
- ✅ 正确：
<p>请确认您的邮箱地址<strong>不可修改</strong>。</p>（强调后果） - ❌ 滥用：
<p>欢迎使用<b>MyApp</b>！</p>（应改用 CSS 类或<span class="product-name">） - ⚠️ 注意：
<strong>嵌套过深（如三层以上）会让辅助技术困惑，一般不超过两层
<em> 和 <i> 的区别不只是斜体效果
<em> 是语气强调，浏览器和读屏软件会重读或变调；<i> 仅表示“与上下文风格不同”，比如外文词、术语、船名、生物拉丁学名。
- ✅ 正确：
<p>你<em>真的</em>确定要删除全部数据？</p>（改变句子语义重心） - ✅ 合理：
<p>《<i>The Great Gatsby</i>》出版于1925年。</p>（作品名惯例） - ⚠️ 风险：用
<i>包裹需要强调的警告词（如“危险”），读屏器不会特殊处理，用户可能错过
别忽略兼容性和可访问性影响
纯靠 CSS 加粗/斜体（如 font-weight: bold）无法传递语义；而误用 <strong> 或 <em> 会导致读屏器反复加重，干扰理解。
立即学习“前端免费学习笔记（深入）”；
- ✅ 推荐组合：
<strong><em>紧急</em></strong>（双重语义：既重要又需语气强调） - ❌ 错误习惯：为“看起来更醒目”把整段
<p>包进<strong>—— 这会让读屏器整段加速重读 - ⚠️ 真实坑点：某些 CMS 或富文本编辑器默认输出
<b>/<i>，导出 HTML 后需批量替换或加 lint 规则拦截
最常被跳过的细节是：强调标签本身不解决样式一致性问题。如果你需要所有 <strong> 在某类页面中显示为红色粗体，必须配 CSS；但反过来，只靠 CSS 无法替代语义标签在无障碍链路中的作用。
