HTML i与em标签的区别及用法

不少人写HTML时习惯用给文字加斜体，以为这样就是“强调”。但若想让某个词被“听出来”是重点——比如反讽、转折或需要加重语气——完全做不到。屏幕阅读器会平读过去，SEO也不会多看一眼。真正承担语气强调任务的是。

核心原则只有一句：别用 替代 来做语气强调。两者的语义，从来不是“斜体快捷键”能概括的。

什么时候必须用 ，不能用

当你想让“这个词被听出来是重点”时， 是唯一合法选择。场景包括反讽、对比、意外转折，或任何需要语音加重的词。

• 错误写法：真的很好吃 —— 屏幕阅读器平读，“真的”失去反讽感。
• 正确写法：这真的很好吃 —— 辅助技术会拖长或加重“真的”，完美匹配口语逻辑。
• 适用场景：教学材料中突出新术语（比如“HTML 中的 语义化 指内容与结构的对应关系”），或用户提示里的关键动作（比如“请立即保存配置”）。

什么时候该用 ，反而不能用

不是“斜体快捷键”——它是为特定文本类型打标签的。包括：外文词、科技术语、船名、作品名、思想流派、小字号旁注等。这些内容本身不属于主叙述流，不需要被强调，只需要被区分。

• 正确写法：她读了 Le Petit Prince 的法语原版（外文词，不是语气重点）。
• 正确写法：参见 RFC 9110 第 4.2 节（标准编号，同样不需要强调）。
• 错误写法：点击 提交 按钮 —— “提交”是操作按钮名，不是语气重点；正确的做法是改用 + CSS，或者如果按钮名属于惯例，直接用 也未尝不可。

和 不是“斜体 vs 加粗”的样式选择

这是另一个容易混淆的点。两者不是视觉层面的二选一，而是两层不同维度的语义强度。打个比方： 是语气级强调，类似说话时抬高了音调； 是内容级重要，类似拍桌子说“这事你必须做”。浏览器默认渲染不同，但核心差异在可访问性行为上。

• ：屏幕阅读器会改变语调（升调或停顿），但不会改变语义权重。
• ：屏幕阅读器可能降调并加重读音，搜索引擎也更倾向于将其视为段落的核心信息。
• 嵌套示例：你绝对不要忽略 这个警告 —— 外层是语气提醒，内层是事实级的严重性。

CSS 覆盖样式时，语义仍然不可丢

即便用 CSS 把 改成红色加粗、把 设为正常字体，它们的语义角色不会因此改变。辅助技术和爬虫认的是标签名，不是最终渲染效果。

• 危险操作：注意 —— 视觉上变成了直体，但读屏软件依旧会加重读出。这会使用户困惑：为什么视觉上看不出任何强调，耳朵却听到了重音？
• 更安全的做法：真正不需要强调的内容，就别用 ；如果只是想要一个纯视觉的斜体效果，直接用 + CSS。
• 在团队协作中，错用 来写强调，会让 QA 或无障碍测试直接把该问题标为 bug。

最容易被忽略的一点：语义错误不会报错，页面照样渲染。但一旦接入读屏软件、SEO 工具或自动化内容分析，问题立刻暴露——而那时返工的成本，远高于写代码时多敲两个字母。