strong 和 em 的核心区别在于语义而非样式：strong 表示内容重要性不可逆，em 表示语气变化。必须用 strong 的场景包括表单错误判定词、权限警告动作动词、法律条款责任锚点；该用 em 的场景是反语、澄清、对比等语气表达。
strong 和 em 不是“加粗”和“斜体”的快捷写法，它们的差异直接决定屏幕阅读器怎么读、搜索引擎怎么权衡、无障碍工具是否报错。
什么时候必须用 strong 而不是 em
关键看删掉它，用户会不会漏掉不可逆的操作或核心风险点：
- 表单错误提示中真正触发重填的判定词，比如邮箱格式
不正确，而不是整句“邮箱格式不正确” - 权限警告里的动作动词，如
永久删除、不可恢复，不是“请注意”这种引导语 - 法律条款中的责任锚点，如
全部免责条款，不能只靠 CSS 加粗来模拟 - 避免整段包裹：
<strong>请仔细阅读以下说明</strong>会稀释语义，辅助技术可能跳过
什么时候该用 em 而不是 strong
重点在语气是否塌陷——原意还在，但少了反讽、惊讶、澄清或对比这些潜台词：
- 表达反语：“我们
确实支持 IE11”（实际不推荐） - 消除歧义：“这个按钮会删除数据，
不是备份” - 口语化确认：“你
真的确定要注销吗？” - 别用
em包纯标点、空格或链接文字，读屏软件无法处理无语义内容
strong 和 em 能嵌套吗？怎么嵌才合理
能嵌套，但不是为了视觉叠加（又粗又斜），而是外层定重要性、内层补语气：
- 合理嵌套：
<p>您<strong>必须</strong>在<strong>24 小时内</strong>完成认证</p>——外层强调义务，内层强调时限紧迫性 - 反例：
<strong>请勿尝试破解系统</strong>，“尝试”不是风险核心，嵌套错位 - 嵌套超过两层（如
<strong><strong>危险</strong></strong>）会让读屏软件困惑，实际极少需要 -
strong内部不要套em来强调副词（如<strong>请立即保存</strong>），除非上下文明确需要双重语义
CSS 改样式不会改变 strong 和 em 的语义
你可以把 strong 设成 font-weight: normal，它仍是“重要内容”；把 em 设成加粗，它也不会变成“高优先级信息”。真正起作用的是 DOM 标签名本身：
- 屏幕阅读器对
strong通常加重+停顿+提高音量；对em则改变语调（升调、拖长） - 搜索引擎解析时，
strong内容可能获得更高关键词权重；em更倾向被识别为修饰性短语 - 用
b或i替代它们，等于放弃语义——样式交给 CSS，语义交给 HTML
最容易被忽略的是：语义判断不能依赖视觉渲染。哪怕你看到的全是加粗，只要语气变了、句子重心移了，就该换标签；哪怕页面全灰了，strong 和 em 在 DOM 层依然各司其职。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
