必须立即清理align、width、height、bgcolor、valign、border、cellpadding、cellspacing、hspace、vspace等HTML4遗留内联表现属性，它们已被W3C废弃，浏览器忽略或降级处理，应全部交由CSS控制。
直接删掉 align、width、height、bgcolor 这类属性，它们在现代 HTML 中已无渲染效果，只增加维护成本和语义污染。
哪些属性必须立刻清理
这些是 HTML4 时代遗留的内联表现属性，W3C 已废弃多年。浏览器虽不报错，但实际忽略或降级处理：
-
align（用在div、p、img上均无效） -
width/height（仅对img、table、iframe等少数元素有作用，且值为像素时才生效；width="50%"在非表格元素上完全被忽略） -
bgcolor、border、cellpadding、cellspacing（全部应由 CSS 控制） -
valign、hspace、vspace（同上，无障碍与响应式全失效）
误用示例：<div align="center" bgcolor="#f0f0f0"> → 渲染结果等价于 <code><div>，样式完全丢失。
<h3>怎么批量识别并安全替换</h3>
<p>别靠肉眼扫，用开发者工具 + 正则定位更准：</p>
<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<ul>
<li>在 Elements 面板 Ctrl+F 搜 <code>align=、bgcolor=、width=，逐个点开确认是否真有 CSS 覆盖——没有就删
align=["'][^"']*["'] 匹配所有 align 属性，在编辑器中全局替换为空width/height，先检查 computed styles：若该元素已有 width: 100% 或 max-width 等 CSS 声明，则 HTML 属性纯属冗余，可删<table width="100%">：它不会让表格撑满父容器，真正起效的是 CSS 的 <code>width: 100%；删 HTML 属性后补上对应 CSS 更可靠
删完之后布局崩了？这是正常信号
崩说明旧代码本就依赖这些过时属性“凑合工作”，现在得用现代方式补位：
- 居中需求 → 改用
text-align: center（文本）、margin: 0 auto（块级）、display: flex; justify-content: center（通用） - 宽度控制 → 全部移至 CSS，优先用
max-width+width: 100%组合，避免固定像素锁死响应式 - 背景色 → 统一用
background-color，别漏写!important（如有旧 inline style 冲突） - 表格边距/填充 →
cellpadding/cellspacing对应padding和border-spacing，但更推荐用border-collapse: collapse+ 单边框控制
重点：删属性不是终点，而是把样式逻辑从 HTML 里“请出来”，放到 CSS 文件里统一管理。否则只是把问题从明处藏到暗处。
容易被忽略的兼容性陷阱
有些属性看似“还能用”，实则埋着雷：
-
<img align="left" alt="HTML怎么清理老旧过时的布局属性" >：虽然部分浏览器仍支持，但它会触发浮动行为，与 Flex/Grid 容器冲突，导致父容器塌陷或换行异常 <table border="1">：现代 CSS 中 <code>border: 1px solid才可控；HTMLborder属性无法设置颜色、样式、圆角，且在border-collapse: collapse下表现不可预测-
<hr width="80%">：完全无效，width不是hr的合法属性；正确写法是hr { width: 80%; margin: auto; }
真正难的不是删代码，而是判断哪段“看起来还行”的旧属性，其实正在悄悄拖慢重排、干扰屏幕阅读器、或让下一次媒体查询失效。
