17370845950

HTML5 已完全删除 标签，不再通过 W3C 验证，须用 CSS 的 color、font-size、font-family 替代，并推荐语义化标签加 class 的方式实现样式控制。

HTML5 确实移除了 标签

是的， 在 HTML5 中被正式废弃并**完全删除**。它不再被任何现代浏览器视为有效 HTML 元素，使用后会导致文档无法通过 W3C 验证，且在部分严格模式解析器中可能被忽略或降级处理。

替代方案：用 CSS 控制文字样式

HTML5 要求结构（HTML）与样式（CSS）分离。 原有的功能——比如 color、size、face——现在必须通过 CSS 实现。

• color → 对应 CSS 的 color 属性
• size → 改用 font-size（推荐使用 em、rem 或 px，避免数字 1–7 这种模糊值）
• face → 改用 font-family，并提供备用字体和通用族名（如 "Helvetica Neue", Arial, sans-serif）

最简实践方式是给文本加一个 或语义化标签（如 、），再用 class 绑定样式：

这是一段普通文字，这是高亮文字。

为什么不能继续用 即使它“看起来还能显示”

很多老项目里 没报错、文字也变了色，容易误以为“还能用”。但要注意：

• 它属于“过时但被浏览器兼容性保留”的行为，不是标准支持，未来某次浏览器更新可能彻底禁用渲染
• 无法响应式：没有媒体查询能力，不能随屏幕尺寸动态调整字号或颜色
• 维护成本高：每个 都要单独写属性，无法批量修改；而 CSS 可以统一控制所有 .warning 类
• 无障碍影响：屏幕阅读器不识别 的语义，而 role="alert" 或语义化标签 + CSS 更利于可访问性

特殊情况：内联 style 是否可行

直接写 虽然合法，但仅适合极少数一次性场景（如 CMS 输出无法改模板的片段）。长期项目中应避免：

• 样式逻辑散落在 HTML 中，难以定位和复用
• 无法利用 CSS 选择器组合（如 p:hover .highlight）
• 无法启用 CSS 变量、@media、@supports 等现代能力

真正需要快速调试时，用开发者工具临时改 style 没问题；上线代码里，还是收归 CSS 文件或 块更稳妥。