HTML5明确废弃的结构属性包括align、bgcolor、border、width、height、hspace、vspace，须转为CSS实现；alt、src、id、class、lang、dir等仍有效。
直接删 align、bgcolor、border 这类 HTML 结构属性是安全的，但不能只删不替——浏览器仍会解析它们，可访问性、语义和样式控制全丢，必须转为 CSS。
哪些属性属于 HTML5 明确废弃的结构属性
W3C 已将以下属性标记为 obsolete（非错误，但禁止在新文档中使用），它们干扰语义、无法被屏幕阅读器识别，且多数已被 CSS 全面接管：
-
align（用于img、table、p等）→ 用text-align、float、margin或 Flex/Grid 替代 -
bgcolor（body、table、td）→ 改用background-color或background -
border（img、table）→ 用border或outlineCSS 属性 -
width/height（img、table、td）→ 改为 CSSwidth/height，注意响应式需加max-width: 100% -
hspace/vspace（img）→ 对应margin
注意：alt、src、id、class 不在此列；lang、dir 仍有效且重要。
grep + 正则批量定位，别靠肉眼扫
本地项目里快速揪出残留属性，比打开每个文件翻快得多。运行：
立即学习“前端免费学习笔记（深入）”；
grep -rni "align=\|bgcolor=\|border=\|width=\|height=\|hspace=\|vspace=" --include="*.html" .
关键点：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
-i忽略大小写，防ALIGN=或Align=漏掉 -
--include="*.html"限定范围，避开.js、.css和构建产物 - 匹配到的行会带文件路径和行号，直接跳转修改
- 若结果太多，先聚焦
table和img标签附近，这两处最顽固
VS Code 中可用正则搜索：align\s*=\s*["'][^"']*["']，替换时用捕获组保留值再转写，例如：align="right" → style="text-align: right;"（临时过渡），后续再抽离到 CSS 文件。
为什么不能直接用 style="..." 替换就完事
硬塞内联 style 是过渡手段，不是终点。问题在于：
- 多个
img align="left"变成一堆重复style="float: left;"，维护成本飙升 - 无法响应式：内联样式优先级高，
@media很难覆盖 - 破坏可访问性：比如
table border="1"原本暗示“这是数据表”，纯 CSS 边框不传达该语义，应补role="grid"或改用aria-label - 部分属性无直接 CSS 对应：如
table bgcolor="#f0f0f0"若用于视觉分组，更该用section+ class + CSS 背景，而非给表格本身上色
真正干净的做法是：先统一 class（如 img--float-left），再在 CSS 中定义 .img--float-left { float: left; margin-right: 1em; }，并确保该 class 在 JS 选择器中未被硬编码依赖（查全局搜索 img--float-left 是否出现在 querySelector 或 jQuery 里）。
最容易被忽略的兼容性陷阱
有些属性看着像废弃，其实仍在起作用，删了反而出问题：
-
table cellpadding和cellspacing：HTML5 已废弃，但大量旧 CSS 依赖它们重置默认间距，直接删会导致表格突然“挤在一起”。应先加 CSS 重置：table { border-collapse: collapse; } td, th { padding: 0.5em; } -
img border="0"：虽废弃，但 IE8 及更早版本对无该属性的图片加默认边框。现代项目可删，但若还需支持 legacy 浏览器，得用img { border: none; }补底 -
form enctype仅在method="post"时生效，删掉enctype="multipart/form-data"会导致文件上传失败——它不是结构属性，别误杀
真正麻烦的从来不是删属性，而是删完后发现某个管理后台的导出按钮失效了：JS 原来靠 document.querySelector('table[border]') 判断是否启用表格工具栏。这种隐式依赖，必须靠全局搜索 + DevTools 断点验证，不能跳过。
