html5中和已被正式废弃，必须停用；和未被删除但语义重定义，仅用于无强调的关键词或语境切换，加粗/斜体应优先用或。
<font></font>、<center></center>、<b></b>、<i></i> 这类标签已废弃，不是“还能用”，而是浏览器随时可能移除支持——它们只描述样式，不表达含义。平滑过渡的关键不是逐个替换，而是按内容意图重写结构。
哪些标签必须立刻停用
以下标签在 HTML5 中已被正式废弃，W3C 不再维护其语义定义：
-
<font></font>：字体、颜色、大小全部交由 CSS 控制；保留它等于把样式逻辑硬编码进结构层 -
<center></center>：纯布局意图，无语义价值；用text-align: center或 Flex/Grid 替代更可控 -
<b></b>和<i></i>：它们没被删除，但语义已重定义——<b></b>表示“无需强调的关键词”（如产品名、船名），<i></i>表示“不同语调或语境”（如外语词、术语、船名斜体）；若你只是想加粗/斜体，该用<strong></strong>或<em></em>
如何判断该用 <strong></strong> 还是 <b></b>
别看视觉效果，看内容是否承载语气或重要性：
- 用户警告：“您的账户余额不足” → 用
<strong></strong>，因为这是需要立即注意的语义强调 - 技术文档中出现的
<b>HTTP</b> 状态码→ 用<b></b>，因 HTTP 是专有名词，不带情绪，仅需视觉区分 - 外文短语 “
<i>c’est la vie</i>” → 用<i></i>，因它是法语表达，语境切换 - 强调句 “这绝对不能忽略” → 用
<strong></strong>，语气强化
重构时最容易漏掉的兼容点
旧代码里常混用表现与语义，比如：
<font color="#333"><b>价格</b>：</font><font color="#f00">¥99</font>
这种写法不仅废弃，还导致三重问题：颜色逻辑分散、加粗意图模糊、无法响应主题切换。正确重构应：
- 剥离所有
color、size、face属性，统一走 CSS 类或自定义属性 - 用
<span class="price-label"></span>+<span class="price-value"></span>明确语义分工 - 若“价格”本身是关键信息，考虑用
<strong></strong>包裹数值，而非仅靠颜色 - 避免用
<u></u>下划线替代链接——它已无语义，且与可访问性冲突（屏幕阅读器不播报下划线）
真正难的不是改标签，而是把“这里要红一点”这种设计语言，翻译成“这是错误提示”或“这是促销主标”这样的语义陈述。每次改一个 <font></font>，都得问一句：这段文字在用户认知链里承担什么角色？
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
