HTML5明确废弃且必须手动清理的属性包括align（img/div/caption）、valign（td/th）、border（img/table）、bgcolor/text/link等body属性、clear、hspace、vspace；这些属性已无标准语义，JS读取返回undefined，须用CSS替代，而data-、aria-等活跃属性不可误删。
HTML 里那些 align、valign、border、bgcolor 等属性，浏览器早就不认了，留着只会让代码变重、编辑器报红、构建工具警告。但不能直接全局搜 align= 就替——它会吃掉 data-align 或 aria-align，也不能靠 html-minifier 自动删，它压根不碰这些废弃属性。
哪些 HTML 属性算“失效”，必须手动清理？
不是所有带引号的属性都能删。真正该清的是 HTML5 明确废弃、且无 CSS 替代等价行为的属性：
-
align（在img、div、caption上）→ 已无标准语义，CSS 用text-align或margin: 0 auto -
valign（仅在td/th）→ 必须换vertical-align -
border（img、table）→ 用border: none或border-collapse -
bgcolor、text、link等body属性 → 全部失效，JS 读取返回undefined -
clear、hspace、vspace→ 无现代对应，纯历史残留
注意：data-*、aria-*、role、contenteditable 这些是活跃属性，别卷进去。
VSCode 正则批量删失效属性，怎么写才不误伤？
关键在“空格边界 + 引号限定”，避免跨属性匹配。打开 VSCode 的「在文件中替换」（Ctrl+Shift+H），启用 .* 按钮：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 删
align="..."：查找\s+align\s*=\s*["'][^"']*["']，替换为空 - 删
valign="..."：查找\s+valign\s*=\s*["'][^"']*["']，替换为空 - 删
border="0"或border="1"：查找\s+border\s*=\s*["']\d+["']（不匹配border="none"，那是 CSS 值） - 删
bgcolor="..."：查找\s+bgcolor\s*=\s*["'][^"']*["']
⚠️ 删前务必点「全部查找」预览：确认命中项全是独立属性，没夹带 data-align 或 style="align-items:center" 这类内容。如果项目混用单/双引号，可分两次执行，或改用 \s+(align|valign|border|bgcolor)\s*=\s*["'`][^"'`]*["'`]。
删完属性后，DOM 和样式还能正常工作吗？
删属性本身不影响渲染，但可能暴露隐藏依赖：
- 检查 JS 是否还调用
el.align或el.valign—— 这些属性访问现在一律返回""，不再是原始值 - 搜索整个项目：
grep -r "align[[:space:]]*=" src/ --include="*.js" --include="*.ts"，看有没有用字符串拼接属性的逻辑 - CSS 里若有
[align="left"]这种属性选择器，删完就失效；应改为 class 驱动，比如.align-left -
table删了border="1"后若页面看起来“没边框”，不是 bug，是本来就没定义 CSS 边框，得补border-collapse: collapse和border
最常被忽略的一点：某些富文本编辑器（如 TinyMCE）会在粘贴时把 align="right" 自动转成 style="text-align:right"。你删了属性，但 style 还在——得同步清理内联样式，或配置编辑器禁用该转换。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
