HTML5中frameborder等属性已废弃，必须用CSS的border: none清除边框；仅删除属性仍可能显示默认边框，还需处理sandbox、滚动条及Chrome的cookie策略限制。

直接删掉 align、border、frameborder 这类属性，比“兼容性兜底”更安全——它们在现代浏览器中已无渲染效果，只增加解析负担、干扰可访问性检查，且多数场景下 JS 或 CSS 已接管对应行为。

怎么识别哪些 HTML 属性已经过期

W3C Validator 不会标红报错，但会在“Warnings”里列出 align、border、bgcolor 等属性，并提示 “Obsolete attribute”。htmlproofer 和 html5-clear 也会在扫描时标记这些。更直接的方式是打开 Chrome DevTools → Elements 面板，右键任意含疑似废弃属性的标签 → “Edit as HTML”，手动删掉 align="center" 后观察渲染是否变化：若无差异，基本可确认已失效。

• align（img、div、table 等）：CSS 的 text-align、vertical-align、margin: auto 已全面替代
• border（img）：必须为 "0" 才合法，实际等价于 style="border: none"，应统一用 CSS 控制
• language（script）：不仅过期，还可能触发某些 CSP 策略拦截；直接删，靠 type="text/javascript" 或默认类型即可
• name（a）：已被 id 完全取代，且与 id 共存时会导致验证警告

为什么不能用 attributes.removeNamedItem 清理

它不是标准方法，而是 DOM Level 1 的遗留接口，在现代浏览器中已不可调用：el.attributes.removeNamedItem("align") 会抛出 TypeError: attributes.removeNamedItem is not a function，或静默失败。编辑器插件（如 CodeMirror 的 sanitizer）若误用此 API，清理逻辑就彻底失效。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• 正确做法是 el.removeAttribute("align") 或更严谨的 el.removeAttributeNS(null, "border")
• 批量操作前务必加 el.hasAttribute("align") 判断，避免无效调用
• 注意嵌套结构：仅遍历父节点会漏掉
  这类深层废弃属性

  清理后最容易被忽略的验证点

  页面“看起来正常”不等于清理完成。真正容易翻车的是那些不显眼但关键的环节：

  • 删掉 后，若对应 CSS 里没补 float: left 或 display: flex 布局，图文可能错位
  • 删除后，部分旧版屏幕阅读器可能仍依赖该属性判断交互性，需补 title 或 aria-hidden
  • 某些构建工具（如 Webpack 的 html-webpack-plugin）会把 border="0" 当作“安全标识”自动注入，得检查模板配置是否残留
  • 用 innerHTML 动态插入内容时，新节点不会继承清理逻辑，需用 MutationObserver 或递归函数补位

  最稳妥的节奏是：先用 VSCode 正则批量删（如 align\s*=\s*["'][^"']*["']），再跑一次 html5-clear -f index.html 校验，最后在 Lighthouse 里看 “Best Practices” 是否还有 “Uses obsolete HTML features” 提示——没提示，才算真清干净。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！