strong 表示内容重要性,不改变句子原意;em 表示语音重音,会改变语义;b 和 i 是纯样式标签,分别表示文体突出和特殊文本类型,不可与 strong/em 混用。

strong 和 em 都不是“加粗”或“斜体”的快捷写法,它们表达的是不同层级的语义——选错标签,会影响可访问性、SEO 甚至屏幕阅读器对句子的理解。
strong 表示内容重要性,不改变句子原意
浏览器默认用粗体显示 strong,但它的核心作用是标出「这段文本在文档中具有更高权重」。比如警告、关键结论、不可忽略的操作提示:
- 屏幕阅读器会加重语气读出
strong内容(如降调强调),但不会改变整句逻辑 - 搜索引擎更倾向把
strong包裹的词当作页面关键词,但滥用会导致权重稀释 -
strong可以嵌套(如<strong><strong>危险</strong>请勿靠近</strong>),表示叠加重要性,而非语法错误
em 表示语音重音,会改变句子语义
em 的本质是模拟说话时的语调变化——哪个词重读,整句话重点就偏移。浏览器默认斜体只是辅助视觉识别,不是目的:
- 例句
<p>I <em>did</em> not say he stole the money.</p>:重读 “did” 暗示“我根本没说过”,而不是“我没说他偷钱” - 换位置:
<p>I did not say <em>he</em> stole the money.</p>就变成“我没说‘他’偷了,可能别人偷的” - 不能随便套用:如果只是想让术语看起来像术语(比如
Felis silvestris catus),该用i而不是em
b 和 i 不等于 strong 和 em,别混用
b 和 i 是纯样式标签,HTML5 中已明确赋予语义,但和 strong/em 完全不重叠:
立即学习“前端免费学习笔记(深入)”;
-
b表示「文体上突出但无额外重要性」,比如文档摘要里的产品名、新闻标题中的关键词 -
i表示「非母语词汇、技术术语、船名、思想片段」等特殊文本类型,不是为了强调 - 用
b替代strong或用i替代em,等于放弃语义,对无障碍支持和未来样式适配都是隐患
真正容易被忽略的点是:语义错误在普通浏览中完全看不出来,但一旦进入屏幕阅读器、SEO 解析或自动化内容提取流程,strong 和 em 的区别就会立刻暴露为逻辑断层——不是“能不能用”,而是“用了之后,机器是否理解你想表达的究竟是‘重点’还是‘重音’”。



















