用grep快速定位废弃HTML属性：执行grep -rniE ' (align|bgcolor|border|hspace|vspace|valign)=["''']' ./src/，可递归查找含这些已废弃样式属性的HTML文件及行号；再用VSCode正则替换\s+(align|bgcolor|border|hspace|vspace|valign)=("[^"]*"|'[^']*|[^\s>]+)为空，精准移除属性而不破坏标签结构。
怎么快速定位所有废弃的HTML样式属性
直接用 grep 扫一遍比打开浏览器调试更快。废弃属性（如 align、bgcolor、border、hspace、vspace、valign）大多出现在标签开头附近，且带等号和引号——这正是正则能抓准的特征。
在终端执行：
grep -rniE ' (align|bgcolor|border|hspace|vspace|valign)=["''']' ./src/
注意：./src/ 换成你实际的 HTML 目录路径；-r 递归，-n 显示行号，-i 忽略大小写（因为有些模板会写 BORDER="1"）。
- 如果项目没用 Git，先
git init && git add . && git commit -m"pre-attr-cleanup"——误删了还能秒回 -
grep不会匹配换行后写的属性（比如<img align="left">），这种得靠 VSCode 的跨行正则 - 别漏掉自闭合标签里的废弃属性，比如
<img border="0">和<hr width="100%">都算
VSCode里怎么安全批量删掉这些属性
关键不是“删”，而是“只删属性本身，不碰标签结构”。比如要把 <div align="center" class="box"> 变成 <div class="box">，不能连整个标签干掉。
立即学习“前端免费学习笔记（深入）”；
打开 VSCode 全局替换（Ctrl+Shift+F），启用正则模式（点 .* 图标），然后填：
查找：s+(align|bgcolor|border|hspace|vspace|valign)=("[^"]*"|'[^']*'|[^s>]+)
替换：（留空）
-
s+确保只匹配属性前的空白，避免误吞前面的>或其他字符 -
[^s>]+是为了匹配无引号值（如border=0），虽然不规范但真实存在 - 务必先点“预览”看匹配结果——如果某行高亮了整个标签，说明正则太宽，要收紧
- 别一次性全项目替换，先选中几个文件测试，尤其注意
<table>里的cellpadding和cellspacing是否也在目标里（它们也已废弃）
为什么不能用简单正则直接删 align=.*?
因为 align="left" class="foo" 和 align="left"onclick="do()" 结构不同，贪心匹配 align=".*?" 会吃到后面的 onclick，变成删掉一整段而不是单个属性。
更危险的是换行场景：<img
align="middle"
src="x.jpg">——普通 .*? 默认不跨行，会漏掉；而 [sS]*? 又容易吃太多，把 src 也吞进去。
- 真正可靠的写法是限定边界：用
=("[^"]*"|'[^']*'|[^s>]+)明确收口在引号或空白/> - VSCode 的正则引擎不支持
(?s)模式开关，所以别依赖.跨行，老实用[sS] - 如果遇到多行属性，先用
s*匹配可能的换行和缩进，再接属性名，例如：s*aligns*=s*("[^"]*"|'[^']*'|[^s>]+)
剥离后必须验证的三个地方
删完不等于完事。废弃属性往往和 CSS 行为耦合，直接删可能导致视觉错位或 JS 崩溃。
- 检查是否残留内联
style里还藏着text-align或background-color——这些虽不是废弃属性，但和刚删的align/bgcolor功能重叠，该合并就合并 - 运行
tidy-html5 --show-warnings --doctype html5 *.html，它会报出deprecated attribute是否真清干净了 - 重点测表单控件：
<input align="absmiddle">这种旧写法删掉后，若没补 CSS，图标可能上下不对齐
最易被忽略的是响应式断点：有些 width="100%" 虽未列在 W3C 废弃清单里，但在现代布局中已是冗余，但它可能被 JS 读取用于计算——删之前先全局搜 .getAttribute("width")。
