html5是html标准的自然演进而非取代，它补全音视频、canvas、本地存储等能力，兼容旧标签；因开发者需求倒逼，浏览器厂商放弃xhtml2转向whatwg主导的html5；实际落地需关注具体api在各浏览器的兼容性。
HTML5不是“取代”HTML，而是HTML标准的自然演进
不存在“HTML5取代HTML”这种说法——HTML 本身就是一个持续迭代的标准，HTML5 是 W3C 和 WHATWG 在 2008 年后共同推动的第 5 个主要版本号（实际是语义化、功能化的一次重大整合），它没有废除旧标签，而是补全了长期缺失的能力：比如原生音视频支持、Canvas 绘图、本地存储、语义化结构元素等。老页面用 <div id="header"> 还能运行，但新项目用 <code><header></header> 更准确、更利于无障碍和 SEO。
浏览器厂商停止实现 XHTML2，转而合力推进 HTML5
2000 年代初，W3C 曾主推严格语法的 XHTML 2.0，但浏览器厂商（尤其是 Mozilla、Apple、Opera）发现它不兼容已有 Web 生态，且解析成本高。2004 年 WHATWG 成立，由这些厂商工程师牵头，以“向后兼容、渐进增强”为原则起草 Web Applications 1.0（即 HTML5 前身）。关键转折点是：
- 2007 年 Apple 将
<video></video>加入 Safari，绕过 Flash 插件方案 - 2009 年 W3C 宣布放弃 XHTML2，正式将 WHATWG 草案列为 HTML5 推荐标准
- 2012 年起 Chrome/Firefox/Edge 对
localStorage、history.pushState()、Geolocation API的实现趋于统一
开发者真实需求倒逼标准落地：不用插件也能做富应用
2010 年前后，单页应用（SPA）、移动 Web、离线使用等场景爆发，但依赖 Flash、Java Applet 或 ActiveX 插件带来安全、性能、移动端兼容性问题。HTML5 提供的替代路径直接对应具体痛点：
- 用
<canvas></canvas>+ JavaScript 实现游戏或数据可视化，不再绑死 Flash - 用
navigator.geolocation.getCurrentPosition()获取位置，无需 Native SDK 封装 - 用
serviceWorker缓存资源，让 PWA 支持离线访问 -
fetch()和Promise替代XMLHttpRequest回调地狱，配合async/await写法更清晰
HTML5 的“兼容性陷阱”至今仍需手动处理
虽然现代浏览器对 HTML5 核心特性支持率超 95%，但细节差异仍在影响实操：
立即学习“前端免费学习笔记（深入）”；
-
<input type="date">在 iOS Safari 上触发原生日历，但在 Firefox 桌面版仍显示为文本框 -
IntersectionObserver在 IE 完全不可用，必须引入 polyfill 或降级为 scroll 事件监听 -
FormData.append()传Blob时，Safari 15.4 之前不支持设置 filename 参数
所以真正落地时，不能只看“是否支持 HTML5”，而要看具体 API 在目标用户浏览器中的 caniuse.com 数据，再决定是否封装适配层。
HTML5 的演进从来不是靠版本号碾压旧技术，而是当一堆 document.createElement('article')、localStorage.setItem()、new Audio().play() 在成千上万页面里稳定跑起来，标准才真正“活”了下来。
