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