grep -i -o "" *.html 可快速定位所有 font 标签,需加 -i 防大小写遗漏、-o 仅输出匹配项、避免 -r 扫构建目录。

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










