HTML5已移除body的background、text、link等属性，浏览器直接忽略；必须用CSS控制样式，如background-image、color及a伪类；align、valign、bgcolor等也已废弃，需替换为CSS对应属性。
body 的 background、text、link 等属性为什么设了也没用
它们不是“兼容性差”，而是 HTML5 标准里根本不存在——浏览器解析时直接跳过，不报错、不渲染、也不存入 DOM 属性。比如 document.body.background 永远是空字符串，document.body.text 返回 undefined。
常见错误现象：
- 写
，页面空白或显示默认背景 - 用 JS 动态赋值
document.body.background = "bg.jpg"，读回来仍是空 -
在 Chrome/Firefox/Safari 中颜色完全不生效
真正有效的路径只有 CSS：
- 背景图：
body { background-image: url(bg.jpg); background-size: cover; background-repeat: no-repeat; } - 文字色：
body { color: #333; } - 链接状态：
a:link { color: #0066cc; } a:visited { color: #663399; } a:active { color: #ff3300; } - 内联写法可临时用：
，但别混用background简写（如background: url() no-repeat center/cover），否则 JS 后续改background-color会整个覆盖
align、valign、bgcolor 这类属性删完就完事了？
删掉 HTML 中的 align、valign、bgcolor 是第一步，但容易漏掉三件事：
立即学习“前端免费学习笔记（深入）”；
-
valign和align一样被废弃，但很多人只换align，却留着<td valign="middle"> —— 必须统一换成 <code>vertical-align: middle，且注意：它只对td、th、img或行内元素生效，对table本身无效 -
bgcolor虽然部分浏览器还渲染，但在 Android WebView 或 strict 模式下可能彻底失效；更麻烦的是，JS 无法通过document.body.bgcolor读取或修改，必须走style.backgroundColor或 class 切换 - 旧项目里常有
<img align="left" alt="HTML中废弃属性的工程化替代方案" >，删掉后图文会塌陷——这不是 CSS 没生效，而是img默认vertical-align: baseline导致底部留白，得加vertical-align: top或包裹在display: flex容器里 -
<font face="Arial" size="4" color="red"></font>→ 改用 CSS 类：<p class="headline"></p>+.headline { font-family: Arial, sans-serif; font-size: 1.25rem; color: #d32f2f; }；size="4"没有固定像素映射，CSS 中必须用em、rem或clamp() -
<basefont>必须移除，全局字体锚定在body上：body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.5; }；注意input、textarea默认不继承，需显式重置 -
<center></center>不只是居中失效的问题——它对块级元素（如<div>）根本不起作用；替代方案按场景选：<code>text-align: center（文本/图片）、margin: 0 auto（块级元素+显式 width）、display: flex（全面居中）旧项目批量清理时最易被忽略的兼容性雷区
工程化迁移不是改几个属性就结束，以下三点实际交付中高频踩坑：
- 第三方组件库（如 Ant Design）自带的 CSS 重置会覆盖你的
body字体规则，得检查其选择器优先级，必要时用!important或更高权重选择器（如html body） - 使用
rem单位时，若根元素html的font-size被 JS 动态修改（如响应式缩放），body的font-size必须设为1rem才能联动，设成16px就断开了 -
<marquee></marquee>、<bgsound></bgsound>、<blink></blink>这类标签已彻底失效，连容错都不做，必须用 CSS 动画或 Web Audio API 替代，不能指望“浏览器还认”
真正难的不是写对新代码，而是确认所有废弃路径都被切断——尤其是那些没报错、看起来“好像还行”的地方。
- 第三方组件库（如 Ant Design）自带的 CSS 重置会覆盖你的
font、basefont、center 这些标签级样式怎么安全迁移
它们不是“还能凑合”，而是标准里已删除，现代浏览器仅作容错解析，行为不可控。尤其 <basefont> 在 Safari 暗色模式、系统字号缩放下会完全失灵。
关键迁移点：
