<em>: 强调标签
最后更新:2026-10-13
<em>强调标签
标记需要强调的文本,浏览器默认以斜体显示。与 <i> 不同,<em> 带有“重音/强调”的语义。
| 分类 | 格式化 |
|---|---|
| 内容模型 | 短语内容 |
| 允许的父元素 | 接受短语内容的元素 |
| 闭合标签 | 需要 </em> 标签 |
| 状态 | 标准 |
📝 语法
<em>强调文本</em>
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <em> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: 用 <em> 表达“重读/强调”,如果只想要斜体外观而不强调语义,请用 <i>。
❓ 常见问题
Qem 和 i 有什么区别?
A
<em> 表示「强调」(emphasis),会改变句子的重音,屏幕阅读器会加重语气;<i> 只是视觉斜体,用于专业术语、外语短语、思想声音等无强调语义的场景。想表达「重点在这里」时用 <em>。Qem 嵌套会增强强调程度吗?
A是的。HTML 规范规定嵌套的
<em> 逐级增强强调强度,类似口语中不断加重语气。例如 <em>真的<em>非常</em>重要</em> 中,「非常」的强调强于外层。Q可以用 CSS 斜体代替 em 标签吗?
A若只是想要斜体外观(如书名、外语词),用 CSS 更合适,因为
<em> 携带「强调」语义,屏幕阅读器会改变朗读方式。反过来,真正的语义强调也不应该用 CSS 斜体来模拟,两者不可混用。