HTML5中已明确废弃的属性包括align、bgcolor、color、size（hr）、border（table）、hspace/vspace（img）等，W3C标记为obsolete，虽浏览器仍解析但行为不一致、无障碍失效、语义断裂，应通过DOMParser精准移除并补足CSS或语义化标签。
直接删掉 font、center、align、bgcolor 这类属性不会报错，但会埋下语义断裂和无障碍失效的隐患；真正该清理的不是“看得见的标签”，而是那些被 CSS 重置规则悄悄覆盖、却仍在 DOM 中参与匹配和计算的残留属性。
哪些 HTML 样式属性在 HTML5 中已明确废弃
W3C 明确标记为 obsolete 的属性包括：align（用于 div、p、img 等）、bgcolor、color、size（hr）、border（table）、hspace/vspace（img）等。它们和 标签一样，不是“还能用”，而是“不该再出现”。
- 浏览器仍会解析并应用这些属性，但不保证行为一致（比如
align="middle"在不同浏览器中对图片的垂直对齐效果可能不同） - 屏幕阅读器忽略它们的语义意图，只当普通文本处理
- CSS 重置规则（如
* { align: normal; }）无法真正“取消”其 DOM 存在性，[align]选择器依然能命中 - VSCode 全局搜索
align=或bgcolor=时，记得加引号限定：搜索align="和align='，避免误匹配 JS 字符串
用 DOMParser 安全批量移除废弃属性（非正则）
正则替换 align="[^"]*" 看似快，但容易跨标签、吃掉注释或破坏嵌套结构。正确做法是用 DOMParser 构建隔离 DOM 树，精准操作：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 必须用
parseFromString(html, 'text/html')，不能用new DOMParser().parseFromString(html, 'application/xml')，否则对不规范 HTML（如自闭合 - 遍历目标元素后，调用
el.removeAttribute('align')—— 不要用el.setAttribute('align', '')，空属性仍会被[align]匹配到 - 对
table标签要特别小心：border属性虽废弃，但若对应 CSS 里没写border-collapse，删掉后表格边框可能意外消失，需同步检查样式表 - 示例函数可扩展支持多属性：
['align', 'bgcolor', 'color', 'hspace', 'vspace']传入循环调用removeAttribute
为什么不能只删属性，还得补 class 或语义标签
删掉
-
align="center"几乎总对应 CSS 的text-align: center（文本居中）或margin: 0 auto（块级居中），需根据上下文判断并补上 class -
bgcolor="#f0f0f0"应统一转为class="bg-subtle"，然后在 CSS 中定义.bg-subtle { background-color: #f0f0f0; }，便于主题切换和可访问性对比度控制 - 遇到
.divider { height: 2px; background: gray; border: none; }，保留视觉，升级语义 - 最易忽略的是
img上的align：它曾用于文字环绕，现在必须用float或display: grid+shape-outside重写，不能只删属性了事
真正难的不是定位和删除，而是确认某个 align="right" 是单纯为了右对齐段落，还是被某段老 JS 用 el.getAttribute('align') === 'right' 做逻辑分支——动手前务必全局搜 getAttribute、dataset 和 jQuery 的 .attr('align') 调用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
