grep -i -o "" *.html 可快速定位所有 font 标签，需加 -i 防大小写遗漏、-o 仅输出匹配项、避免 -r 扫构建目录。
怎么用 grep 快速定位所有 <font></font> 标签
直接删之前，先确认它还在哪——<font></font> 在 HTML5 中已 obsolete，W3C Validator 会报 Element font is obsolete，但工程里常藏在旧模板或 CMS 输出中。本地批量扫最省事：grep -i -o "" *.html
注意三点：
• -i 必须加，防大写 <font></font> 漏掉
• -o 只输出匹配片段，一眼看清用了多少处
• 别加 -r 进 node_modules 或 dist/，那些是构建产物，改了也白改
删 <font></font> 时为什么不能只删标签、还得重写语义
只把 <font color="red" size="3">错误提示</font> 替换成 错误提示，等于扔掉颜色和字号控制，后续维护全靠猜。真正要做的，是提取意图：
• 颜色差异 → 加 class="error-text"，再统一用 CSS 定义 .error-text { color: #d32f2f; }
• 字号强调 → 改用 <small></small>、<span class="caption"></span> 或基于 rem 的响应式字号
• 多属性混用（如 color + face + size）→ 拆成独立 class，避免样式耦合
不重构语义，清理就只是“表面去皮”，无障碍树照样断裂，WCAG 1.3.1 直接不通过
Sublime / Notepad++ 批量删 <font></font> 标签的正则写法
编辑器里批量删，关键在别误伤其他内容：
• 安全匹配整个标签（含闭合）：<font>]*>[^</font>
• Sublime 中启用 Regex 模式后，查找框填这个，替换留空即可
• Notepad++ 同理，但必须勾选「正则表达式」且**不勾选「匹配新行」**，否则跨行时会吞掉中间文本
• 别用 <font.></font.> —— 遇到嵌套注释或 JS 字符串里的 <font> 会错位匹配<br>删完立刻检查：有没有漏掉自闭合写法（<code><font></font>）或大小写变体（<font></font>），这些得单独补一刀
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
删完之后最容易被忽略的三个点
批量删完 <font></font>，很多人以为任务结束，其实坑在后面：
• document.body.innerHTML 里仍可能有残留字符串，比如 JS 动态拼的 "<font color="blue">" + text + "</font>"，这类必须搜 font color 和 <font> 全局字符串<br>• 有些老 CMS 导出的 HTML 会把 <code><font></font> 套在 <img alt="HTML里font标签怎么批量删除？标签清理实用技巧" > 外层，删标签后图片可能丢失 margin 或 vertical-align，得顺手查父容器样式
• <font></font> 常和 <center></center>、<u></u> 成对出现，单删一个容易导致视觉错乱，建议用 grep -i -o "" 一起扫
立即学习“前端免费学习笔记（深入）”；
