可安全批量删除的HTML属性包括border、cellpadding、cellspacing、align、valign、width、height（非img/canvas）、language、type="text/javascript"，因其被现代浏览器忽略且不影响渲染与语义。
能批量删的 HTML 属性，必须满足两个条件：浏览器不解析、CSS/JS 不依赖。盲目用正则硬砍 class 或 style，大概率导致样式丢失或脚本报错。
哪些属性可安全批量删除
现代浏览器对以下属性已完全忽略，且删除后不影响渲染和语义：
-
border、cellpadding、cellspacing（仅出现在<table> 上，CSS 已接管）<li> <code>align（<div>、<code><p></p>等上的水平对齐）、valign（<td> 垂直对齐）<li> <code>width、height（对非<img alt="HTML冗余属性如何精准清理？规则匹配操作教程" >、<canvas></canvas>元素无效；若<img alt="HTML冗余属性如何精准清理？规则匹配操作教程" >已用 CSS 控制，也可删） -
language、type="text/javascript"（<script></script>默认就是 JS） - 删所有
align=""：搜align="[^"]*?"，不是align=".*?"（后者会吞掉引号外内容） - 删
<table> 系属性：搜 <code>(border|cellpadding|cellspacing)="[^"]*?" - 删空
style：搜style\s*=\s*["']\s*["']，保留前后空格，避免破坏 HTML 结构 - 删内联事件（确认无 JS 依赖后）：搜
on\w+\s*=\s*["'][^"']*?["']，但别碰<input onclick="submit()">这类有业务逻辑的 -
<script type="text/javascript"></script>→ 删掉type -
<link rel="stylesheet" type="text/css">→ 删掉type -
<meta charset="utf-8">→ 删掉charset（<meta>标签本身不能省） -
aria-hidden="true"加在不可聚焦、无内容、且父级已aria-hidden="true"的元素上，是双重冗余 -
role="presentation"加在<div> 上通常无意义，但加在 <code><table> 上可能是为了绕过默认语义<li> <code>tabindex="-1"和aria-hidden="true"同时出现，大概率是历史残留，二者目标不一致
⚠️ class 和 id 不能盲目删——哪怕当前没用 CSS 匹配，也可能被 document.getElementById 或 querySelector 引用。先全局搜索再判断。
VSCode 正则匹配要避开的坑
正则不是万能锤，写错一个字符就可能跨标签误删。关键在边界控制和非贪婪：
立即学习“前端免费学习笔记（深入）”；
每次替换前，务必点“预览”箭头逐个确认——VSCode 的正则不会自动跳过 <pre class="brush:php;toolbar:false;"></pre> 或 <script></script> 内容，这些区域必须手动绕开。
打包时用 html-webpack-plugin 自动清理
比手写正则更可靠的是让构建工具按 HTML5 规范语义判断。启用 removeRedundantAttributes: true 后，它只删那些「浏览器根本不用看」的属性：
⚠️ 别同时开 removeEmptyAttributes: true：它会把 class=""、data-test="" 这类空值属性也清掉——而它们常被测试脚本或 CSS 选择器依赖，删了就断功能。
空属性和无效 aria-* 必须人工核验
正则能识别 aria-label="" 或 aria-hidden="true"，但无法判断是否冗余：
这类判断必须结合 DOM 结构层级和上下文做人工检查，正则只能帮你定位，不能替你决策。
