html5 已废弃 align、bgcolor、border、hspace、vspace、clear、text、link、vlink、alink 等纯表现性属性，要求用 css 替代；width/height 仅限特定元素使用；内联事件属性如 onclick 仍合法。
哪些 HTML4 属性在 HTML5 中已废弃
HTML5 明确移除了大量仅用于表现的属性，比如 align、bgcolor、border、hspace、vspace、clear、text、link、vlink、alink 等。这些属性在 HTML4 里常被滥用为样式控制，但 HTML5 要求结构与样式分离，必须用 CSS 替代。
浏览器仍可能“容忍”它们（尤其 align 在表格中），但验证器会报错，且现代框架/构建工具（如 ESLint + HTMLHint）默认禁用。
-
align="center"不再合法 —— 改用style="text-align: center"或 CSS 类 -
bgcolor="#fff"已废弃 —— 必须用style="background-color: #fff" -
border="1"（尤其<img alt="HTML怎样移除HTML4冗余属性_精简代码符合HTML5标准【精简】" >或<table>）无效 —— 改用 <code> style="max-width:90%" -
width和height属性虽未完全废弃，但仅允许用于<img alt="HTML怎样移除HTML4冗余属性_精简代码符合HTML5标准【精简】" >、<iframe></iframe>、<canvas></canvas>、<embed></embed>、<input type="image">；其他元素（如<div>）上使用属非法 <h3>如何批量清理冗余属性（实操建议）</h3> <p>手动逐行删效率低且易漏，推荐结合工具链自动化处理：</p> <ul> <li>VS Code 插件：安装 <strong>Auto Rename Tag</strong> + <strong>HTMLHint</strong>，启用 <code>attr-bans规则，实时标红align、bgcolor等 - 命令行批量替换（Linux/macOS）：
sed -i 's/ align="[^\"]*"/ /g; s/ bgcolor="[^\"]*"/ /g; s/ border="[0-9]*"/ /g' *.html
（注意备份原文件） - 若用 Webpack/Vite，可加
html-webpack-plugin+ 自定义 loader 过滤属性；或用posthtml配合posthtml-remove-attributes插件精准剔除 - 特别注意内联事件属性如
onclick、onload不属于“HTML4 冗余”，它们仍是合法全局属性，无需删除 —— 别误伤
替代方案不是简单套
直接写 style="text-align:center" 虽合法，但违背 HTML5 “语义化 + 可维护” 原则。真正精简是减少内联样式，推动到 CSS 文件中：
立即学习“前端免费学习笔记（深入）”；
- 把
<p align="right"></p>→ 改为<p class="text-right"></p>，并在 CSS 中定义.text-right { text-align: right; } - 表格边框统一用
table { border-collapse: collapse; } td, th { border: 1px solid #ccc; }，而非每个<table border="1"> <li>图片居中别用 <code><div align="center"><img alt="HTML怎样移除HTML4冗余属性_精简代码符合HTML5标准【精简】" ></div>，改用<div class="img-center"><img alt="HTML怎样移除HTML4冗余属性_精简代码符合HTML5标准【精简】" ></div>+.img-center img { display: block; margin: 0 auto; } - 旧式水平线
<hr width="80%" align="center">应删掉，用 CSS 的max-width+margin控制 -
valign在<td> 中仍被部分浏览器支持，但 HTML5 标准已将其标记为“obsolete”，且 Flexbox/Grid 下完全失效 —— 必须改用 <code>vertical-alignCSS 或display: flex; align-items: center -
language="javascript"（<script language="javascript"></script>）不仅冗余，还会在某些旧版 IE 中触发非标准解析 —— 直接删，只留<script></script>或明确写type="module" -
<font color="red"></font>是典型 HTML4 遗留，连基本语义都没有，必须转成<span style="color:red"></span>或更优的语义标签（如<em class="error"></em>） - 自定义属性名若以
data-开头（如data-role）是安全的；但像role这类 ARIA 属性要确保值符合规范，否则反而破坏可访问性
容易被忽略的兼容性陷阱
有些属性看似“只是没报错”，实则行为不可靠：
精简不是删得越狠越好，而是让每个属性都有明确目的：语义、交互或扩展性。删掉 align 很容易，但把对齐逻辑从结构层彻底抽离到样式层，才是 HTML5 精简的本质。
