废弃标签需用W3C Validator或grep筛查，删前确认是否包裹内容并改用语义化CSS；替换后须修复居中、字号、滚动等隐性布局断裂；CI中用html-validate+ESLint-HTML自动化拦截，删前全局搜索JS引用。
怎么识别表格里混进了废弃标签
废弃标签在表格中常以“伪装正常”的方式存在，比如<center></center>包着<table>、<code><font color="blue"></font>套在<th>里，甚至<code><u></u>用在表头下划线场景。它们不会让页面崩，但会破坏语义、干扰屏幕阅读器对表格结构的解析。W3C Validator 会明确报错 Element center is obsolete 或 Element font is obsolete，行号精准；本地快速筛查可用：grep -i -o "。注意别漏掉大小写变体，也别扫进<code>node_modules或dist目录。
为什么<center></center>和<font></font>在表格里特别危险
这两个标签在表格上下文中放大了语义断裂风险：<center><table>会让浏览器把整个表格当行内内容居中，但现代 CSS 中<code>margin: 0 auto只对块级元素生效，而<table>默认是块级——结果就是居中失效且无法调试；<code><font size="3" color="#2196F3"></font>嵌在<td>里，不仅尺寸无标准映射（size=3 ≠ 16px），还会覆盖<code>font-size继承链，导致暗色模式或缩放时颜色/字号全乱。更隐蔽的是：JS 若依赖document.querySelector("td > font")做高亮逻辑，替换后直接查不到节点。
- 删
<center></center>前，先确认是否包裹了<caption></caption>——如果是，改用caption { text-align: center; } - 删
<font></font>时，别只换颜色，同步补上font-size和line-height，避免行高塌陷 - 所有
<u></u>必须按语义判断：<ins></ins>（插入）、<del></del>（删除）、<mark></mark>（高亮），不能仅因“要画线”就留着
重构后表格样式与行为断裂的三个隐性坑
光把废弃标签替换成<div>或加类名远远不够。浏览器对原生表格元素有隐式布局契约，一换就断：<code><center></center>自带text-align: center，但换成<div class="centered">后，若父容器没设<code>display: block，居中照样不生效；<font size="4"></font>对应的是相对尺寸（medium/large），不是绝对像素，CSS 中得用font-size: clamp(1rem, 1.25vw, 1.25rem)才接近响应行为；最麻烦的是<marquee></marquee>曾被用来滚动表格标题栏——CSS animation无法复现其暂停、鼠标悬停暂停等交互细节，得用 JS + scrollLeft重写。
<table>内用<code>text-align: center只影响单元格内联内容，块级子元素仍需margin: 0 auto- 用
display: grid替代表格布局时，别给grid容器设width: 100%再加margin: auto，它会撑满父级，居中要靠外层控制 - 旧项目里
<td valign="top">必须全换成<code>vertical-align: top，否则 Flex/Grid 容器中单元格垂直对齐会失效自动化检测与 CI 拦截怎么做才不漏网
人工扫一遍顶多清掉 70%，剩下的是动态模板拼接、CMS 导出、JS
innerHTML注入产生的“幽灵标签”。真正可靠的防线是构建流程卡点：npx html-validate --config .htmlvalidate.json src/**/*.html配合规则"obsolete-element": "error"，能捕获<center></center>等所有废弃标签；Webpack/Vite 构建时，用html-webpack-plugin的minify.removeComments: false，防止<!-- <font>old</font> -->这类注释绕过审查；VS Code 装 ESLint-HTML 插件，启用W027（obsolete element）和W028（obsolete attribute），保存即标红。重点在于：这些工具不校验标签是否被 JS 当作锚点使用，所以删之前务必全局搜querySelector、getElementsByClassName和data-属性引用。立即学习“前端免费学习笔记（深入）”；
