17370845950

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 支持：

• 所有新 API（如 localStorage、canvas.getContext、input[type="date"]）必须先检测再调用：

  if ('localStorage' in window) {
    localStorage.setItem('key', 'value');
  } else {
    // 降级到 cookie 或隐藏该功能
  }

哪些 HTML5 特性在老浏览器里“假装存在”但实际失效？

很多属性看似写了就起作用，实则被静默忽略——开发者容易误判兼容性：

• required、placeholder、autofocus 在 IE9 以下完全无效，表单提交照样通过，前端校验必须手写
• audio 和 video 标签会被解析为未知元素，但可通过 或 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%，且多为内网隔离环境，应由业务方单独评估

真正该花力气的地方，是用特性检测守住底线，而不是让新代码迁就二十年前的解析器。