HTML5怎么标注重点与加粗有啥区别_strong与em标注语义差异介绍【指南】-html教程

strong 和 em 分别表示“高重要性”与“语气强调”，非单纯加粗斜体；b 和 i 是无语义的视觉标签，适用于关键词、术语等场景。

strong 和 em 不是“加粗 vs 斜体”，而是“重要性 vs 语气”的语义分工

HTML5 中 和 都会触发浏览器默认的加粗/斜体样式，但它们根本不是为“怎么显示”而生的——是为“怎么被理解”而设计的。搜索引擎、屏幕阅读器、无障碍工具依赖这些标签判断内容权重和逻辑关系，而不是你写的 CSS 是否生效。

• 表示内容具有高重要性、紧急性或严肃性（比如警告、法律条款关键句、价格变动）
• 表示句子中语气上的强调或语义转折（比如“我真的没看到通知”，重音在“真的”）
• 两者都可嵌套，但嵌套层级超过两层就容易让辅助技术困惑，不建议滥用

什么时候该用 strong？看这 3 个典型场景

别凭“看起来要加粗”就选 。真正该用它的，是那些删掉会影响信息完整性和用户决策的内容。

• 表单错误提示：邮箱格式不正确，请检查 → 错误本身是事实，但“不正确”才是需强化的关键判断，应改为 不正确
• 价格对比：原价199，现价99元 —— “99” 是决策锚点，不是视觉装饰
• 安全警告：

  请勿在公共网络下输入银行卡密码

  —— 这里强调的是风险等级，不是排版需求

em 容易被误用成“随便斜体”，其实它有明确语气边界

不是 的语义替代品。它必须服务于句子内部的重音逻辑，一旦脱离上下文就失去意义。