HTML4兼容IE6+等老浏览器，HTML5则要求IE9+；老浏览器需通过DOCTYPE、HTML5 Shiv和特性检测实现有限兼容，但核心API无法真正支持。
HTML4 和 HTML5 对浏览器要求完全不同
HTML4 能在 IE6+、Firefox 2+、Chrome 早期版等几乎一切“能叫浏览器”的环境里跑起来；HTML5 则明确要求现代解析能力——IE9 是分水岭，IE8 及以下基本不认 article、section、video 等语义标签，连 document.querySelector 都可能报错。
老浏览器（如 IE6–IE8）能“用”HTML5 吗？能，但必须垫底
所谓“能用”，是指：页面不会白屏、基础内容仍可读，但新特性不会生效。关键靠三件事撑住：
必须写在第一行——它让 IE6–IE8 进入“准标准模式”，避免触发更糟的怪异模式- 语义标签（如
nav、header）需用HTML5 Shiv注入 DOM 支持：<!--[if lt IE 9]> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]-->
- 所有新 API（如
localStorage、canvas.getContext、input[type="date"]）必须先检测再调用：if ('localStorage' in window) { localStorage.setItem('key', 'value'); } else { // 降级到 cookie 或隐藏该功能 }
哪些 HTML5 特性在老浏览器里“假装存在”但实际失效？
很多属性看似写了就起作用，实则被静默忽略——开发者容易误判兼容性：
-
required、placeholder、autofocus在 IE9 以下完全无效，表单提交照样通过，前端校验必须手写 -
audio和video标签会被解析为未知元素，但可通过<object></object>或 Flash fallback 补救 -
flexbox、grid、@supports等 CSS 新特性，在 IE10 之前全无支持，连display: flex都会回退成 block -
fetch()在 IE 全系缺席，必须用XMLHttpRequest替代
要不要为 IE8 及以下做完整 HTML5 支持？
现实答案是否定的——不是技术做不到，而是成本远超收益：
立即学习“前端免费学习笔记（深入）”；
- HTML5 Shiv 只解决标签识别，不提供语义化 ARIA 属性或屏幕阅读器支持
- Canvas 绘图、WebGL、History API、WebSocket 等核心能力无法 polyfill 到 IE8
- 即使强行兼容，JS bundle 体积膨胀 3–5 倍，首屏加载时间翻倍，移动端体验崩塌
- 2026 年主流统计中，IE8 及以下全球占比已低于 0.02%，且多为内网隔离环境，应由业务方单独评估
真正该花力气的地方，是用特性检测守住底线，而不是让新代码迁就二十年前的解析器。
