语义标签需按用途精准选用：<strong>表强重要性，<b>仅视觉加粗；<em>表重读强调，<i>表术语/外文等；<sub>/<sup>用于上下标，<del>/<ins>须成对表修订；<s>表不准确，<u>专指拼写错误或专名号。
直接用语义明确的标签包裹文本即可，不需要额外配置或引入资源。 浏览器原生支持所有标准文本格式化标签，关键在于选对标签——不是“能不能加”，而是“该用哪个”。
什么时候该用 <strong> 而不是 <b>
<strong> 表示内容具有强重要性，比如错误提示、法律条款中的责任声明、API 文档里的必填字段；屏幕阅读器会加重语气读出。而 <b> 仅用于视觉加粗但无语义强调，例如产品名、人名、界面按钮文字等。
- ✅ 正确：
<strong>密码必须包含至少一个大写字母</strong> - ❌ 滥用：
<strong>点击「提交」按钮</strong>→ 这里「提交」只是按钮文本，不构成语义重要，用<b>或 CSS 更合适 - ⚠️ 注意：
<strong>可嵌套，但嵌套两层以上会削弱可访问性，辅助技术可能忽略深层嵌套的强调
<em> 和 <i> 的区别常被搞反
<em> 是“重读强调”，对应口语中抬高音调的部分，比如「我没说那句话」；<i> 是“语义斜体”，用于术语、外文、船名、思想活动等，如 <i>Homo sapiens</i> 或 <i>他心想：这不对劲</i>。
- ✅ 正确：
请确保 <em>所有</em>字段都已填写（强调“所有”） - ✅ 正确：
该协议基于 <i>RFC 7231</i> 定义（标准编号，属术语范畴） - ❌ 常见错误：用
<i>给关键词加斜体来“突出显示”——这不是它的设计目的，应改用<em>或 CSS
上下标、删除线、插入标记这些标签有明确业务含义
它们不是“样式开关”，而是传达文档状态或结构信息：<sub>/<sup> 用于化学式（H<sub>2</sub>O）、数学幂（x<sup>2</sup>）、脚注编号；<del> 和 <ins> 必须成对出现才体现修订逻辑，单独使用会误导语义解析器。
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确：
价格从 <del>¥199</del> 降至 <ins>¥149</ins> - ✅ 正确：
CO<sub>2</sub> + H<sub>2</sub>O → C<sub>6</sub>H<sub>12</sub>O<sub>6</sub> - ⚠️ 注意：
<s>和<u>已被弱化语义——<s>仅表示“不再准确”，不是通用删除线；<u>在 HTML5 中专指拼写错误或中文专名号，不能当通用下划线用
最容易被忽略的是：这些标签一旦嵌入，就成为 DOM 的一部分，会影响 CSS 选择器权重、JavaScript 查询结果和可访问性树结构。比如用 <small> 写版权信息，不仅字体变小，还会被屏幕阅读器识别为“次要内容”，跳过朗读是常见行为——如果你真希望它被读出来，就得换方案。
