和是语义清晰、兼容性好的强调标签，和仅用于无语义的视觉样式；专用于内联代码，不可滥用；、等应优先用css实现，除非语义必需。
<strong></strong> 和 <em></em> 是语义最清晰、兼容性最好的文本强调标签，别用 <b></b> 和 <i></i> 替代它们——除非你明确只需要视觉样式，不关心语义或可访问性。
什么时候该用 <strong></strong> 而不是 <b></b>
浏览器渲染效果几乎一样，但语义完全不同：<strong></strong> 表示内容有强重要性（屏幕阅读器会加重语气），<b></b> 只是“不加粗的加粗”，比如关键词、产品名等无强调意图的视觉突出。
- 表单错误提示、警告文案、法律条款中的强制义务项 → 用
<strong></strong> - 中文标题里的品牌名（如“苹果
<b>iPhone</b>”）、词典条目中的词条 → 用<b></b> - HTML5 规范已明确：不要用
<b></b>做强调，那是<strong></strong>的职责
<em></em> 和 <i></i> 的关键区别在哪
<em></em> 表示内容需要重读（语义上的强调），<i></i> 表示语义上“不同”——比如外语词、科技术语、船名、思想活动等，不是为了斜体而斜体。
- 对话中强调某个词：“你
<em>真的</em>确定？” → 屏幕阅读器会变调 - 引用拉丁短语 “
<i>et al.</i>” 或 “<i>Homo sapiens</i>” → 用<i></i> - 避免写
<i>注意</i>这类纯提示性文字，它没语义差异，应改用<strong></strong>或 CSS 控制样式
<code> 标签的常见误用场景
<code> 专用于内联代码片段，不是“所有等宽字体”的通用容器。它默认继承父级字体大小，且不自动处理换行或空格。
- 正确用法：
<code>document.getElementById()、<code>npm install - 错误用法：把一整段配置文件内容塞进
<code>→ 应该用<pre class="brush:php;toolbar:false;"><code></code> 嵌套</pre> - 别给
<code>加class="highlight"后就不管语法高亮了——它本身不带任何样式逻辑，高亮需额外 JS/CSS 支持
其他文本标签的轻量级使用原则
像 <u></u>、<s></s>、<sub></sub>、<sup></sup> 这类标签，现代项目里建议优先用 CSS 实现，除非语义不可替代。
-
<u></u>在 HTML5 中已恢复语义（表示非超链接的标注），但容易和链接混淆 → 若只是下划线装饰，用text-decoration: underline -
<s></s>表示不再准确的内容（如价格删除线），不是“随便划掉” → 错误降价文案用<del></del>更合适 -
<sub></sub>和<sup></sup>仅用于化学式（H<sub>2</sub>O）、数学公式（x<sup>2</sup>）等有明确排版需求的场景
真正容易被忽略的是：所有这些标签在嵌套时都可能影响行高、垂直对齐和继承样式——尤其是 <code> 和 <sub></sub> 混用时，font-size 缩放和 line-height 计算会变得不可预测，务必在真实设备上验证渲染结果。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
