标签的 color 属性已废弃，html5 中彻底移除，现代浏览器在严格模式下忽略该属性；应改用 或 css 类替代，确保兼容性与可维护性。
HTML 中 <font></font> 标签的 color 属性已废弃，现代浏览器虽可能渲染，但无法可靠支持彩色文字，尤其在严格模式或新标准下会直接忽略。
为什么 <font color="..."></font> 现在不推荐用
该标签属于 HTML 3.2 时代的内联样式方案，W3C 自 HTML 4.01 起就将其标记为“过时（deprecated）”，HTML5 中彻底移除。主流浏览器（Chrome/Firefox/Safari/Edge）在 下默认按 HTML5 解析，<code><font></font> 标签本身会被解析，但 color 属性多数情况下失效或触发兼容性警告。
常见错误现象：<font color="#ff6b6b">这段字还是黑的</font>、控制台出现 The <font> element is obsolete. Use CSS instead.</font> 警告。
- 不是浏览器“不支持颜色”，而是不再支持通过
<font></font>的属性设色 -
color值写法（如red、#f00、rgb(255,0,0)）本身没问题，但载体无效 - 即使临时生效，也无法继承、响应式、或与其他样式协同（比如 hover 变色）
替代方案：用 style 属性 + color CSS 声明
这是最轻量、无需额外 CSS 文件、且 100% 兼容的迁移方式，语义清晰，浏览器无任何兼容性顾虑。
把：<font color="#4ecdc4">青蓝色文字</font>
换成：<span style="color:#4ecdc4">青蓝色文字</span>
- 必须用
<span></span>或其他语义合适的行内元素（如<em></em>、<strong></strong>），不能空挂style -
color值支持所有 CSS 颜色语法：tomato、#2a9d8f、hsl(180,50%,40%)、rgba(106,176,152,0.9) - 注意引号：HTML 中
style值需用双引号包裹，内部 CSS 值可不加引号（除非含空格或特殊字符）
更优实践：用 class 配合外部或 <style></style> CSS
当多个地方需要同一种颜色，或未来要统一调整色调时，硬编码 style 会重复且难维护。
例如，在 中添加：
<style>
.text-accent { color: #ff6b6b; }
.text-muted { color: #6c757d; }
</style>然后使用：<span class="text-accent">强调色文字</span>
- 避免重复写色值，改一处 class 定义，全局生效
- 方便配合 CSS 变量（
--primary-color: #4ecdc4;）实现主题切换 - 若项目已用 Tailwind、Bootstrap 等框架，直接用其颜色工具类（如
text-red-500）更高效
真正要注意的不是“怎么写色值”，而是别再依赖 <font></font> —— 它不是“还能凑合用”，而是“随时可能在某个环境里完全不工作”。哪怕只改一行，也值得替换成 <span style="color:..."></span>。
