用于语义强调重要内容，仅作无语义视觉加粗；两者默认渲染相同，但语义、无障碍支持、seo影响及css/js处理逻辑截然不同。
strong 和 b 在 index.html 里渲染一样，但语义完全不同
浏览器默认都把 <strong></strong> 和 <b></b> 渲染为粗体，视觉上没区别。但 <strong></strong> 告诉浏览器、搜索引擎、屏幕阅读器“这段内容很重要”，<b></b> 只是说“请把它加粗显示”，别的什么也不承诺。
常见错误现象：<b></b> 被用来包裹登录失败提示（如 <b>密码错误</b>），读屏器不会加重朗读，视障用户可能直接跳过；反过来，用 <strong></strong> 包裹菜单里的 New 标签（如 <strong>New</strong>），又会让辅助技术误判为紧急操作项。
什么时候必须用 strong：表单校验、警告、法律条款
只要内容在逻辑上需要用户注意、影响操作决策或承载责任边界，就该用 <strong></strong>。
-
<strong>邮箱为必填项</strong>—— 表单校验失败时的关键提示 -
<strong>删除后无法恢复</strong>—— 操作确认弹窗中的风险说明 -
<strong>本公司不承担间接损失</strong>—— 用户协议中的免责条款
这些场景下，<b></b> 不仅语义错位，还会削弱可访问性：屏幕阅读器不会改变语调，搜索引擎也可能忽略其权重信号。
什么时候可以（且应该）用 b：纯视觉标记，无逻辑重要性
<b></b> 的合法用途非常窄，只适用于“加粗只是为了让人一眼看到，但不暗示语气、风险或责任”。
- 文章摘要中重复出现的关键词，如
<b>AI</b> 模型训练耗时长 - 产品评测里首次出现的产品名，如
新款 <b>iPhone 16 Pro</b> 支持 Wi-Fi 7 - 新闻导语开头的标签，如
<b>快讯</b>：央行今日下调存款准备金率
注意：<b></b> 不是 <strong></strong> 的“轻量版”，它不传递任何层级或强度信息；嵌套 <b><b>嵌套</b></b> 更不会让文字更粗，只是冗余代码。
CSS 覆盖时，strong 和 b 的行为逻辑差异很大
你可以用 CSS 把 <strong></strong> 设为细体：strong { font-weight: normal; }，但它仍是语义上的“重要内容”，屏幕阅读器照常加重朗读；而给 <b></b> 设置 font-weight: normal 就等于“命令加粗，又立刻取消”，逻辑自相矛盾。
真正容易被忽略的是：index.html 里富文本编辑器点“加粗”按钮，后台常默认输出 <b></b>。如果你的页面要过无障碍审计或 SEO 优化，得确认 CMS 是否支持配置为输出 <strong></strong>，或者加一层构建时的正则替换（如 <b>([^</b> → <strong>$1</strong>）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
