应优先使用而非或，因其传递强重要性语义，被屏幕阅读器加重朗读、搜索引擎识别为重点；仅表语气强调；滥用（如全段加粗、嵌套标题）会削弱语义效果。
优先用 <strong></strong>，不是 <b></b>；语义明确、屏幕阅读器会加重语气读出，搜索引擎也识别为内容重点。
为什么不用 <b></b> 或 <span></span> 加 class？
<b></b> 只表示“视觉加粗”，不传递任何语义；<span></span> 更是纯样式容器，对辅助技术、SEO 都零提示。而 <strong></strong> 明确告诉浏览器和屏幕阅读器：“这段文字在上下文中具有强重要性”。实测中，NVDA、VoiceOver 会自动提升音调或稍作停顿来朗读 <strong></strong> 内容。
<strong></strong> 和 <em></em> 的关键区别在哪？
两者都影响语义，但用途不同：
-
<strong></strong>表示强重要性，比如警告、核心定义、必填项提示（如“密码必须包含大写字母”） -
<em></em>表示强调语气，常用于口语化表达或对比（如“你真的确定要删除？”中的“真的”适合用<em></em>） - 嵌套时，
<strong><em>…</em></strong>合法，但需确保逻辑成立——不能为了样式堆叠而滥用
哪些场景下 <strong></strong> 会被忽略或失效？
以下情况会让它的语义价值打折扣：
- 整段文字全用
<strong></strong>包裹，失去对比和焦点，辅助技术可能降级处理 - 放在
<h1></h1>里再套一层<strong></strong>：标题本身已有语义权重，重复强调无意义 - 配合
display: none或aria-hidden="true"使用：直接让内容对辅助技术不可见 - 在表格的
<th> 或表单 <code><label></label>中滥用：这些标签自身已有语义强度，额外加<strong></strong>属于冗余真正有效的强调，靠的是克制使用和上下文支撑——不是标得越多越重要，而是标得越准，机器和人都越能立刻抓住关键信息。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
