html5中、、、、等标签已明确废弃，应使用css或语义化标签替代，w3c validator可精准定位，grep命令可批量筛查，删除时需同步重构语义结构与样式逻辑。
直接用 w3c validator 扫描或 grep 命令就能定位废弃标签，不需要猜、也不必逐行翻——<font></font>、<center></center>、<u></u>、<strike></strike>、<marquee></marquee> 这些标签在 HTML5 中已明确废弃，继续留着会破坏语义、干扰屏幕阅读器，且绝大多数都有更现代、更可控的 CSS 替代方案。
怎么快速找出页面里还藏着哪些废弃标签
浏览器不报错，不代表它们没问题。最可靠的是用 w3c validator 在线校验（https://validator.w3.org/nu/），它会明确提示 Element font is obsolete 这类信息，连位置都标出来。
本地批量筛查更高效，运行这条命令：
grep -i -o "" *.html
-
-i忽略大小写，防<font></font>这类写法漏掉 -
-o只输出匹配到的标签本身，方便快速确认 - 注意：不要加
-r递归进 node_modules 或构建产物目录，避免误扫
为什么不能只删标签，还得重写语义结构
<b></b> 和 <i></i> 虽未被 HTML5 废弃，但它们只是“视觉加粗/斜体”，没有语义；而 <strong></strong> 表示重要性，<em></em> 表示强调——读屏器和搜索引擎会区别对待。
- 遇到
<font color="red">文本</font>，别只删标签，要换成<span style="color:red"></span>或更好：加 class 后用外部 CSS 控制 -
<center></center>几乎总能用text-align: center（块内文本）或margin: 0 auto（块级居中）替代，保留它等于放弃响应式适配能力 -
<marquee></marquee>不仅废弃，而且无标准行为、无无障碍支持，必须重写为 CSS@keyframes或 JS 驱动的滚动逻辑
VSCode 正则替换时最容易踩的坑
正则不是万能锤子，尤其处理 HTML 时，一个不严谨的模式可能把整个 DOM 结构搞乱。
- 别用
class=".*"，它会贪婪匹配到下一个引号甚至下一个标签——必须用class="[^"]*"或class=".*?"（开启非贪婪模式） - 想清理
<font></font>但保留里面的内容？用捕获组：<font>]*>([^</font>，替换为$1 - 批量删
style属性但保留其他属性？搜索(]+)\s+style="[^"]*"\s*([^>]*>)，替换为$1$2 - 所有操作前务必
git commit或至少备份文件——正则一旦误替换，恢复比重写还难
真正麻烦的从来不是找到废弃标签，而是判断哪些“看起来像废弃”的东西其实还在被 JS 动态依赖（比如某个 <u></u> 被 jQuery 选中做事件绑定）。所以先全局搜 document.querySelector、$("、getElementsBy 等调用，确认没硬编码依赖再动手。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
