HTML5已废除<font>、<center>、<u>等标签，主流在线环境默认HTML5解析，遇废弃标签会忽略样式或报警告；应改用CSS替代，验证合规性需查W3C标准或MDN警示。
HTML在线运行环境为什么报错 <font> 标签？
因为 <font> 是 HTML 4.01 中已被废弃的标签，W3C 在 HTML5 规范中彻底移除了它。主流在线运行器（如 JSBin、CodePen、JSFiddle）默认启用 HTML5 解析模式，遇到 <font> 会直接忽略或触发控制台警告（例如 “The <font> element is obsolete”），但不会崩溃——只是样式不生效。
常见错误现象：文字颜色/大小没变，审查元素发现 <font> 被渲染为无样式普通内联节点；部分编辑器甚至在输入时就标红提示。
- 替代方案必须用 CSS：
span+style="color: red; font-size: 16px;"或外链/内嵌 CSS 类 - 不要指望
<font color="red">在现代环境“凑合能用”——它在严格模式下无效，在移动端 WebView 中更可能被完全剥离 - 若需兼容老项目迁移，可用 PostHTML 插件自动将
<font>转成span+style
<center> 和 <u> 为什么也突然失效？
这两个标签同属 HTML5 废弃列表：<center> 因语义缺失且布局能力弱，被 CSS 的 text-align 或 margin: auto 取代；<u> 原本表示下划线，但因易与超链接混淆，HTML5 重新定义为“非文本性标注”（如拼写错误、专有名词），默认样式也被重置（多数浏览器不再加下划线）。
使用场景差异明显：
立即学习“前端免费学习笔记（深入）”；
- 想居中块级元素？别用
<center>，改用div+style="text-align: center"（行内）或display: flex; justify-content: center（块级） - 真要加下划线？优先用
span+style="text-decoration: underline"；若语义上确属拼写标注，才用<u>并配合class显式恢复样式 - 注意：某些在线环境（如 Observable Notebook）会主动过滤掉废弃标签，连 DOM 都不生成
哪些标签是“看似合法但实际危险”的？
不是所有没报错的标签都安全。比如 <marquee>、<blink> 从未进入任何 W3C 标准，纯属浏览器私有扩展，现在 Chrome/Firefox 已完全移除支持；<acronym> 被 <abbr> 替代多年，但部分旧教程还在用。
性能与兼容性影响很实在：
-
<marquee>即使在支持它的 IE 里也会引发强制重排，拖慢页面；现代运行器直接静默丢弃 -
<acronym>在 HTML5 中已无效，abbr元素才是唯一合法缩写容器，且支持title属性提供解释 - 检查方式很简单：打开浏览器开发者工具 → Elements 面板，看标签是否被渲染为灰色（未识别）或直接消失
如何快速验证一个标签是否合规？
别依赖记忆，用官方工具实时查。最直接的是 W3C Markup Validation Service（validator.w3.org），粘贴 HTML 片段即可返回结构+语义错误；更轻量的方式是在 VS Code 中安装 “Auto Rename Tag” 和 “HTMLHint” 插件，它们会在编辑时高亮废弃标签。
关键判断逻辑只有两条：
- 该标签是否出现在 WHATWG HTML Living Standard 当前章节中？不在即淘汰
- MDN 文档页顶部是否有红色警示条写着 “This feature is obsolete”？有即停用
- 在线运行器底层用的是 Chromium 内核（如 CodePen），它只实现 WHATWG 规范子集，任何非标准行为都不保证存在
真正容易被忽略的点是：有些标签（如 <strike>）虽被废弃，但其对应 CSS 属性（text-decoration: line-through）仍完全有效——替换不是加工作量，而是换种更可控、可维护的方式表达相同意图。
