strong 和 em 分别表示“高重要性”与“语气强调”，非单纯加粗斜体；b 和 i 是无语义的视觉标签，适用于关键词、术语等场景。
strong 和 em 不是“加粗 vs 斜体”，而是“重要性 vs 语气”的语义分工
HTML5 中 和 都会触发浏览器默认的加粗/斜体样式，但它们根本不是为“怎么显示”而生的——是为“怎么被理解”而设计的。搜索引擎、屏幕阅读器、无障碍工具依赖这些标签判断内容权重和逻辑关系，而不是你写的 CSS 是否生效。
-
表示内容具有高重要性、紧急性或严肃性（比如警告、法律条款关键句、价格变动） -
表示句子中语气上的强调或语义转折（比如“我真的没看到通知”，重音在“真的”） - 两者都可嵌套，但嵌套层级超过两层就容易让辅助技术困惑，不建议滥用
什么时候该用 strong？看这 3 个典型场景
别凭“看起来要加粗”就选 。真正该用它的，是那些删掉会影响信息完整性和用户决策的内容。
- 表单错误提示：
邮箱格式不正确，请检查→ 错误本身是事实，但“不正确”才是需强化的关键判断，应改为不正确 - 价格对比：
原价—— “99” 是决策锚点，不是视觉装饰199，现价99元 - 安全警告：
请勿在公共网络下
输入银行卡密码
em 容易被误用成“随便斜体”，其实它有明确语气边界
不是 的语义替代品。它必须服务于句子内部的重音逻辑，一旦脱离上下文就失去意义。
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确：
他说：“这绝对不能发出去。”（“绝对”承载语气转折） - ❌ 错误：
产品名：Pixel 9—— 这属于命名惯例，该用或 CSS 控制字体样式 - ❌ 错误：
功能亮点：AI降噪、超广角—— 这是罗列，无语气起伏，用+ class 更合适
b 和 i 不是“过时标签”，而是“无语义视觉开关”
很多人以为 HTML5 把 和 删了，其实它们被重新定义为纯表现型标签：只说“这里要加粗/斜体”，不说“为什么”。它们合法、可用，但用途非常窄。
-
适合关键词高亮（如摘要首句中的名词）、产品名、UI 文本标签（比如按钮上写“确认删除”） -
适合技术术语（DOM）、外语短语（bon voyage）、船名（Titanic）、思想/梦境内容（如果时间能倒流…） - ⚠️ 注意：
和在 SSR 或某些 SSR 框架中可能被误判为语义标签，若页面需强无障碍支持，优先用+ CSS
