和 是 HTML 中标记强调文本的两个标准标签，区别在于语义而非样式——<em></em> 表示轻度强调（通常浏览器默认用斜体），<strong></strong> 表示强烈重要性（默认加粗）。
什么时候该用 <em></em> 而不是 <i></i>
<i></i> 只是视觉倾斜，没有语义；<em></em> 明确告诉浏览器和读屏软件“这个词需要被强调”。比如句子中需要重读的词、外语短语、技术术语首次出现时，优先选 <em></em>。
- 错误写法：
<i>JavaScript</i> 是一门脚本语言（没传达强调意图） - 正确写法：
<p><em>JavaScript</em> 是一门脚本语言</p> - 注意：如果只是想让文字变斜体（如船名、拉丁学名），
<i></i>才是语义正确的选择
<strong></strong> 不等于 “加粗显示”，而是表达内容权重
搜索引擎、无障碍工具会识别 <strong></strong> 的语义权重。它适合用于警告、关键操作提示、法律条款中的义务性表述等。
立即学习“前端免费学习笔记（深入）”；
- 常见误用：把所有加粗文字都套
<strong></strong>，比如标题、导航文字——这些应该用<h2></h2>或 CSS 控制样式 - 正确场景：
<p>您必须在<strong>24 小时内</strong>完成验证</p> - 性能影响极小，但滥用会稀释真正重要内容的语义信号
嵌套使用 <em></em> 和 <strong></strong> 会改变强调层级
HTML 允许嵌套，比如 <strong><em>紧急</em></strong>，表示“既重要又需语气强调”。读屏软件可能通过语调变化体现这种叠加。
- 不要为了“更粗/更斜”而嵌套——样式应由 CSS 控制
- 嵌套超过两层（如
<strong><em><strong>xxx</strong></em></strong>）会让语义混乱，多数辅助技术不支持解析多层强调 - 真实场景中，单层
<em></em>或<strong></strong>已覆盖 95% 需求
强调标签的核心不是“怎么看起来突出”，而是“怎么让机器和人同时理解重点在哪”。很多人直接用 <b></b> 或 <i></i> 图省事，结果在无障碍测试里被标红——语义错位比样式错位更难修复。
