可安全批量删除的HTML属性包括border、cellpadding、cellspacing、align、valign、width、height（非img/canvas）、language、type="text/javascript"，因其被现代浏览器忽略且不影响渲染与语义。

能批量删的 HTML 属性，必须满足两个条件：浏览器不解析、CSS/JS 不依赖。盲目用正则硬砍 class 或 style，大概率导致样式丢失或脚本报错。

哪些属性可安全批量删除

现代浏览器对以下属性已完全忽略，且删除后不影响渲染和语义：

• border、cellpadding、cellspacing（仅出现在 上，CSS 已接管）
  align（

  、

  等上的水平对齐）、valign（
  垂直对齐）

  width、height（对非 、 元素无效；若 已用 CSS 控制，也可删）

  language、type="text/javascript"（<script></script> 默认就是 JS）

  ⚠️ class 和 id 不能盲目删——哪怕当前没用 CSS 匹配，也可能被 document.getElementById 或 querySelector 引用。先全局搜索再判断。

  VSCode 正则匹配要避开的坑

  正则不是万能锤，写错一个字符就可能跨标签误删。关键在边界控制和非贪婪：

  • 删所有 align=""：搜 align="[^"]*?"，不是 align=".*?"（后者会吞掉引号外内容）
  • 删 系属性：搜 (border|cellpadding|cellspacing)="[^"]*?"
  • 删空 style：搜 style\s*=\s*["']\s*["']，保留前后空格，避免破坏 HTML 结构
  • 删内联事件（确认无 JS 依赖后）：搜 on\w+\s*=\s*["'][^"']*?["']，但别碰 这类有业务逻辑的

  每次替换前，务必点“预览”箭头逐个确认——VSCode 的正则不会自动跳过

  或 <script></script> 内容，这些区域必须手动绕开。
  
  使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审
  使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。
  下载

  打包时用 html-webpack-plugin 自动清理

  比手写正则更可靠的是让构建工具按 HTML5 规范语义判断。启用 removeRedundantAttributes: true 后，它只删那些「浏览器根本不用看」的属性：

  • <script type="text/javascript"></script> → 删掉 type
  • → 删掉 type
  • → 删掉 charset（ 标签本身不能省）

  ⚠️ 别同时开 removeEmptyAttributes: true：它会把 class=""、data-test="" 这类空值属性也清掉——而它们常被测试脚本或 CSS 选择器依赖，删了就断功能。

  空属性和无效 aria-* 必须人工核验

  正则能识别 aria-label="" 或 aria-hidden="true"，但无法判断是否冗余：

  • aria-hidden="true" 加在不可聚焦、无内容、且父级已 aria-hidden="true" 的元素上，是双重冗余
  • role="presentation" 加在
    上通常无意义，但加在
  上可能是为了绕过默认语义
  • tabindex="-1" 和 aria-hidden="true" 同时出现，大概率是历史残留，二者目标不一致

  这类判断必须结合 DOM 结构层级和上下文做人工检查，正则只能帮你定位，不能替你决策。