必须用<strong>仅当跳过该文字会导致误操作、漏风险或无法理解核心约束,如“删除后无法恢复”;嵌套无意义,分层强调应靠<strong>与<em>语义分工;禁用其作样式工具。

什么时候必须用 <strong>,而不是视觉加粗
只有当这段文字被跳过、忽略或没读到,会导致用户误操作、漏风险、或无法理解核心约束时,才该用 <strong>。比如表单提交前的 <strong>删除后无法恢复</strong>,权限提示里的 <strong>你没有编辑此文档的权限</strong>。如果只是“首页”“关于我们”这类导航词,或者品牌名、产品型号,用 <b> 或 CSS 更合适。
<strong> 嵌套和混用 <em> 的真实逻辑
嵌套 <strong> 没有意义——<strong><strong>危险</strong></strong> 和单层效果完全一样,读屏器不会加重两次,SEO 也不会多给权重。真正需要分层强调时,靠的是语义分工:<strong>请<em>立即</em>保存</strong> 中,<strong> 表示整句不可忽略,<em> 表示“立即”是语气焦点。别把 <em> 当斜体开关,也别把 <strong> 当加粗保险丝。
常见错误:把 <strong> 当成样式工具用
这些写法都违背语义初衷:
-
<strong>点击此处下载</strong>—— “点击此处”不重要,“v2.4.1 安装包”才是关键信息 -
<strong>价格:¥99</strong>—— 价格本身未必具有强重要性,除非是限时优惠倒计时中的“最后24小时” - 整段说明文字全包在
<strong>里 —— 重点一多就等于没重点,辅助技术会失去判断依据 - 在
<th>或<h2>里再套一层<strong>—— 标题和表头已有结构语义,叠加只会稀释信号
CSS 能改样式,但改不了语义
你可以用 CSS 把 <strong> 设成红色细体、加下划线、甚至 display: block,它依然向读屏软件宣告“这段文字跳过会有后果”。但反过来,如果只是想让某个词“看起来突出”,又不想传递语义权重,就别碰 <strong>——用 <b> 或带 class 的 <span> 配 CSS 才是正解。最容易被忽略的一点是:语义标签的力量来自克制,满页 <strong> 等于全页没重点。
立即学习“前端免费学习笔记(深入)”;



















