bgcolor属性在html5中已被彻底移除，属于obsolete（废弃）而非deprecated（过时），不参与样式计算、无法被js读取、会被css静默覆盖，应改用内联style或语义化class替代。
bgcolor属性在HTML5中已被彻底移除
它不是“不推荐”，而是从规范里直接消失了。W3C把bgcolor归为“obsolete”（废弃），不是“deprecated”（过时）——后者至少还写在文档里，前者连定义都没了。你在、<table>、<code><td>上写<code>bgcolor="#fff"，浏览器可能渲染出来，但这是容错行为，不是标准支持。
bgcolor会被CSS静默覆盖且无法调试
哪怕你写了，只要CSS里有一条body { background-color: #f0f0f0; }，bgcolor就完全失效，且开发者工具的「Computed」面板里根本看不到它——它压根没进样式计算流程。更麻烦的是：document.body.bgcolor返回undefined或空字符串，JS没法读、没法改、没法监听。
内联style="background-color"才是可靠替代方案
临时调试或服务端动态生成时，直接用style="background-color: #e3f2fd;"最稳妥：
- 颜色值优先用十六进制（如
#4caf50）或rgba()（如rgba(76, 175, 80, 0.9)），避免老IE对rgb(76, 175, 80)解析异常 - 别写成
background: #fff——它会清掉background-image、background-repeat等所有子属性 - 设
background-color的同时记得配padding，否则文字紧贴边框，容易误判“没生效”
批量控制必须用class，不是style
多个<td>要按状态标色（比如“错误行红底”“高亮列蓝底”），硬编码<code>style等于埋雷：
-
class="status-error"比class="bg-red"更语义化——颜色改了类名不用动 - JS切换用
cell.classList.add("status-error")，比cell.style.backgroundColor = "#ffebee"更易维护、不破坏其他内联样式 - 父级
<tr>或<code><table>设了<code>background-color，子<td>没显式声明就会继承或层叠出意外效果——调试时先看「Computed」面板确认最终来源 真正容易被忽略的点是：很多团队用Prettier + ESLint校验代码，但默认不检查<code>bgcolor。它不会报错，只会安静地躺在HTML里，等某天升级到Web Components或启用严格HTML解析器时突然崩掉。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
