从IE迁移至Edge/Chrome时HTML4遗留应用样式异常问题咨询

这些报错本质是校验工具的规则基准和你项目的HTML4标准不匹配，不是你的代码在HTML4规范下真的写错了：

• td的align/bgcolor属性、table的width属性都是HTML4 过渡版规范中明确定义的合法表现属性，IE的排版引擎对这些旧属性的兼容做的最完整，所以原来在IE中可以正常运行。
• 从HTML5标准开始，W3C将所有控制样式表现的原生HTML属性全部标记为废弃，要求所有样式逻辑统一通过CSS实现。你用的Validity是面向现代网页开发的Chrome扩展，默认完全按照HTML5规则做校验，没有提供切换到HTML4校验规则的选项，自然会把这些HTML4下合法的属性判定为过时错误。
• 补充说明：这些属性在Chromium内核的Edge、Chrome中不是完全不生效，内核本身做了大部分旧属性的兼容映射，但嵌套表格下的属性继承逻辑、属性和CSS的样式优先级、怪异模式/标准模式下的尺寸计算逻辑和IE旧引擎存在差异，这才是你遇到大量样式异常的核心原因，不是属性直接失效。

别用Validity这类只适配现代前端标准的工具校验遗留项目，误报率极高，你可以选下面这些支持指定HTML4版本规则的工具：

• W3C官方标记校验服务：支持手动选择校验的文档类型为HTML4.01 过渡版/严格版/框架集版，能准确识别所有HTML4合法标签与属性，同时支持联动校验对应版本CSS的语法合法性，不会出现HTML5规则下的误报。
• 4.x版本分支的HTML Tidy：原生支持HTML4文档的语法校验、格式修正，可以批量扫描项目下的HTML文件，能准确区分真正的标签未闭合、属性值非法等错误，不会把HTML4允许的表现类属性标记为问题。
• 配置为CSS2.1兼容规则的CSS Lint：HTML4时代的网页普遍对应CSS2.1标准，把CSS校验的兼容目标调整到CSS2.1、适配IE6-IE8版本后，会自动过滤CSS3新特性相关的误报，准确检测CSS语法错误、写法问题。
• Edge浏览器内置的IE模式：如果要校验实际渲染效果的正确性，直接用Edge的IE模式加载页面即可，它内置了和旧IE完全一致的排版引擎，可以直接复现原IE下的正常渲染效果，对照排查Chromium内核下的样式差异比纯静态校验效率高很多。

内容的提问来源于stack exchange，提问作者user3093583