优先使用 ，因其具有语义重要性； 仅用于无语义的视觉加粗，如产品名、术语等。两者不可混用，应兼顾可访问性与seo。
用 <b></b> 还是 <strong></strong>？语义决定选择
直接说结论：<strong></strong> 是语义化加粗，表示内容重要性提升；<b></b> 仅是视觉加粗，不传递任何语义。现代 HTML 开发中，除非明确需要“无意义的加粗”（比如关键词高亮但不强调重要性），否则优先用 <strong></strong>。
<strong></strong> 的实际使用场景和注意事项
浏览器默认用粗体渲染 <strong></strong>，但它本质是语义标签，会被屏幕阅读器读作“重音”或“强调”，影响可访问性。搜索引擎也会轻微加权其包裹的内容。
- 适合用于警告、关键操作提示、法律条款中的责任条款等真正需要用户注意的内容
- 嵌套使用合法但应克制，比如
<strong><strong>双重强调</strong></strong>语义上略显冗余 - CSS 可覆盖默认样式，但别用
font-weight: normal完全取消粗体——这会破坏语义与视觉的一致性
<b></b> 不是废弃标签，但用途非常有限
<b></b> 在 HTML5 中已重新定义为“不带额外重要性的关键词或产品名等文本”，不是“bold”的简单缩写。它不暗示语气、不改变朗读方式，纯属排版需求。
- 典型用例：文章中首次出现的产品名（如
<b>iPhone 15</b>）、技术术语（<b>JSON</b>）、小标题中的关键词 - 不要用它替代
<strong></strong>来“绕开语义”——这样既降低可访问性，也违背 HTML 设计初衷 - 如果只是为了统一加粗某类文本（如所有
<span class="keyword"></span>），用 CSS 更合适，而非硬塞<b></b>
常见错误：混淆视觉效果与语义，或滥用 CSS 覆盖
很多人看到两者默认都加粗，就混用甚至用 font-weight: bold 全局覆盖所有 <em></em> 或 <strong></strong>，结果导致：
- 屏幕阅读器无法识别强调层级，视障用户丢失关键信息
- SEO 工具无法提取重点内容，影响结构化数据解析
- 维护时难以区分“这里为什么加粗”——是重要？是品牌词？还是历史遗留写法？
真要统一控制加粗样式，建议保留语义标签，再用 CSS 精确作用于 strong 或 b，而不是反过来用样式掩盖语义。
最常被忽略的一点：加粗只是视觉线索之一。真正重要的内容，往往还需要配合颜色、间距、图标甚至 ARIA 属性来强化传达——单靠 <b></b> 或 <strong></strong> 远不够。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
