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

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











