可安全批量删除的html属性包括：border、cellpadding、cellspacing、align、valign、width、height（非img/canvas元素）、language、type="text/javascript"；需用vscode正则非贪婪模式匹配删除，如align="1*?"，并逐项预览确认。" ↩
哪些HTML属性可以安全批量删除
浏览器对很多HTML属性早已不依赖，但旧项目或所见即所得编辑器仍会持续注入。以下属性在现代标准下基本无作用，且删除后不影响渲染和语义：
-
border、cellpadding、cellspacing（仅在<table>上出现，CSS已完全接管） <li> <code>align（<div>、<code><p></p>等上的水平对齐）、valign（<td>垂直对齐） <li> <code>width、height（对非<img>、<canvas></canvas>元素无效；<img>上若已用CSS控制，也可删） -
language、type="text/javascript"（<script></script>默认就是JS） - 删所有
align="..."：搜索align="[^"]*?"，替换为空 - 删
<table>系属性：搜索 <code>(border|cellpadding|cellspacing)="[^"]*?"，替换为空 - 删空
style：搜索style\s*=\s*["']\s*["']，替换为空（注意保留前后可能的空格） - 删内联
onclick等事件（确认无JS依赖后）：搜索on\w+\s*=\s*["'][^"']*?["'] - 可安全删除：
<font></font>（已废弃）、<u></u>（除非CSS重置了text-decoration）、空<div></div>、孤立<p></p> - 需检查后删：
<span></span>——它常被JS用于包裹动态内容，搜索<span id="</code">或<code>querySelector("span.")再决定 - 绝对不能直接删：
<pre class="brush:php;toolbar:false;"></pre>、<textarea></textarea>、<script></script>、<style></style>内部的任何空白（删了会破坏代码或样式） - 嵌套
<p></p> <div>...</div>是非法结构，应删外层<p></p>而非<div>（否则<code><p></p>会被浏览器自动闭合，造成DOM意外）删完之后最容易被忽略的三件事
精简不是终点，而是验证起点。很多人删完就提交，结果上线后出问题：
- 删了
<table border="0">后，发现表格边框没了——因为CSS里写了<code>table { border-collapse: collapse; }，但没设border，此时要补CSS而非加回border="0" - 删掉所有
<span class="highlight"></span>后，JS里还有document.querySelectorAll(".highlight")，运行时报错Cannot read property 'forEach' of null - 用正则删
class="old-1 old-2"时，若没加\s*处理属性间空格，可能把class="old-1" id="x"变成class="old-1"id="x"，导致后续解析失败
真正干净的HTML，不是字符数最少的那个，而是删掉所有“浏览器不看、JS不读、CSS不认”的东西之后，还稳稳跑起来的那个。
- 删了
注意：class和id不能盲目删——哪怕当前没用CSS匹配，也可能被JS引用。先全局搜索document.getElementById或querySelector再判断。
VSCode正则批量删冗余属性的实操写法
打开VSCode，按 Ctrl+H（Win/Linux）或 Cmd+H（Mac），开启右上角的 .* 按钮启用正则模式。关键是要用“非贪婪匹配”防止跨标签误删：
每次替换前，点“全部替换”旁的“预览”小箭头，逐个确认匹配项是否合理。误删<input onclick="submit()">这种是有业务逻辑的，不能一刀切。
哪些标签能直接删，哪些必须谨慎处理
不是所有“看起来没用”的标签都可删。浏览器对某些标签有隐式行为，删错会导致布局塌陷或语义丢失：
