em标签用于语义化强调而非单纯斜体,传达需重读的语气;strong表更高重要性,嵌套em不宜超三层,滥用或css隐藏会影响可访问性。

em 标签不是为了加斜体,而是传递语调强调
浏览器默认把 em 渲染成斜体,但这只是表象;真正作用是向屏幕阅读器、搜索引擎和未来解析工具传达「这句话里这个词需要被重读」——就像人说话时抬高音调或放慢语速。如果你只想要斜体效果,该用 i 或 CSS 的 font-style: italic。
em 和 strong 的语义强度有实际差别
两者都算强调,但 em 是语气层面的轻度强调(比如“我确实没看到通知”),而 strong 表示内容重要性更高(比如“密码strong错误,请重试”)。屏幕阅读器对 strong 通常会加重、降调甚至停顿,em 则更多是升调或延长发音。滥用 strong 会让辅助设备失去重点判断依据。
嵌套 em 会改变语调层级,但别超过三层
em 支持嵌套,每多一层,语调变化越明显。例如:
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
<p>这个功能<em>几乎</em>兼容所有<em>主流</em>浏览器</p>
但嵌套超过三层(如 <em><em><em>xxx</em></em></em>)会导致语义混乱,部分旧版读屏软件可能直接忽略内层或报错。现代浏览器虽能渲染,但可访问性审计工具(如 axe、Lighthouse)会标为「语义冗余」。
em 不影响 SEO 排名,但影响可访问性评分
搜索引擎不会因为用了多少个 em 就给页面提权,但它会识别出你是否在关键术语(如首次出现的「DOM 树」)、操作提示(如「请务必确认邮箱」)中合理使用了强调。Lighthouse 的「Accessibility」分项里,em 使用不当(比如包裹整段话、或和 strong 混用无规律)会直接扣分。更隐蔽的问题是:CSS 如果把 em 设为 display: none 或 visibility: hidden,屏幕阅读器仍会朗读,造成信息泄露。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










