em标签核心作用是标记语音语调重音，而非加粗或表重要性；它通过升调、拉长等语音变化改变句子含义，如“我没说你错了”中重音在“没”上否定动作本身。
em 标签不是加粗，也不是强调语义的“重要”
em 的核心作用是标记**语音语调上的重音**——也就是人说话时自然加重、拉长或略带起伏的那个词。它不等于“这个内容很重要”，也不等同于视觉上的加粗（strong 才更倾向表达强重要性）。很多开发者一看到“强调”就下意识用 em，结果语义错位，屏幕阅读器会以升调读出它，可能让听者困惑。
什么时候该用 em？看句子节奏和说话习惯
真正需要 em 的场景，是那些去掉重音后意思会偏移、语气会变平淡的表达：
- “我**没**说你错了” → 重音在
没上，否定的是“说”这个动作本身，不是“你错了”；写成<em>没</em> - “这杯咖啡真**难喝**” → 重音落在
难喝，表达主观强烈感受；可套<em>难喝</em> - “他昨天**才**走” → “才”带时间紧迫感或意外感，重音在此；
<em>才</em>更贴切
如果只是想突出关键词、标题级强调或警告，优先考虑 strong 或 CSS 控制样式。
嵌套 em 要谨慎：语音重音一般不叠加
连续嵌套 em（比如 <em>你</em><em>真的</em><em>确定</em>）会导致屏幕阅读器反复升调，听起来像在演戏，反而削弱可信度。真实口语中，通常只有一个词承载核心重音。
如果真需多层语气（极少见），优先用 CSS 配合 span + ARIA 标注，而不是靠 em 堆叠：
<span aria-label="轻声质疑" class="tone-soft">真的</span> <em>确定</em>
别用 CSS 把 em 变成纯视觉样式
默认浏览器对 em 渲染为斜体，这是历史惯例，但不是它的本质。如果项目里全局把 em 的 font-style 改成 normal，等于废掉了它的语音提示能力——屏幕阅读器仍会升调，但 sighted 用户完全看不出哪是重音，信息断层。
正确做法：
- 保留
em默认斜体（或至少保持视觉可区分） - 如需统一字体风格，用
font-style: italic显式声明，而非覆盖掉 - 避免写
em { font-weight: bold; font-style: normal; }这类抹除语义的规则
语义标签一旦脱离其原始表达意图，就只剩下一个空壳。用 em 的时候，得先想清楚：这句话，人是怎么说的。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
