推荐使用EM和STRONG替代i和b标签:EM表示语气强调,通常斜体,提升无障碍体验;STRONG表示内容重要,通常加粗,增强语义结构。

想让文字倾斜或加粗,很多人第一反应是使用 i 或 b 标签。但更推荐的做法是用语义化标签 EM 和 STRONG,它们不仅影响样式,还传达了内容的含义。
EM 标签:强调语气,通常表现为斜体
EM 是 "emphasis" 的缩写,表示这段文字在语境中有强调的语气。浏览器默认将其渲染为斜体,但这不是重点——重点是它表达了语言上的重音或情绪变化。
- 适合用于表达惊讶、反讽、特殊含义的词语
- 例如:“你真的认为这不重要吗?”
- 屏幕阅读器会通过语调变化读出 em 内容,提升无障碍体验
STRONG 标签:强调重要性,通常表现为加粗
STRONG 表示内容具有高优先级或非常重要。浏览器默认加粗显示,其语义比 em 更强。
- 适用于警告、关键提示、法律条款等重要内容
- 例如:“提交前请务必保存你的数据。”
- 对辅助技术来说,strong 会提示用户注意重点信息
与纯样式标签的区别
i 和 b 只是改变外观,没有语义价值。而 em 和 strong 让 HTML 结构更有意义。
- 用 而不是 i 实现斜体,强调“为什么”要倾斜
- 用 而不是 b 实现加粗,说明“为何”要突出
- 有利于 SEO 和可访问性(Accessibility)
基本上就这些。样式交给 CSS,语义交给 HTML。用 EM 表达语气强调,用 STRONG 表示内容重要,不只是为了看起来粗或斜,而是为了让网页更有结构和意义。










