IE9仅部分支持HTML5：原生支持语义标签（如、）和基础API（如querySelector），但不支持localStorage、Canvas 2D完整特性及HTML5表单新属性；正常显示需确保文档模式为IE9标准、页面正确声明且无服务器头覆盖；语义标签需CSS显式设为block；仅支持MP4，功能残缺；表单验证与存储需手动回退。
IE9 能有限支持 HTML5，但不是“开个开关就自动全兼容”——它只原生支持部分语义标签（如 <header></header>、<video></video>）和基础 API（如 querySelector），不支持 localStorage、Canvas 2D 的完整特性，更不支持任何 HTML5 表单新属性（如 required、placeholder）。能否正常显示，取决于三件事：文档模式是否为 IE9 标准、页面是否声明正确、有没有补丁兜底。
确认并强制使用 IE9 文档模式
即使你用的是 IE9，网页也可能被降级到 IE7/IE8 模式渲染——这时所有 HTML5 标签都会被忽略，<video></video> 直接不解析，控制栏消失，连 poster 图都不显示。
- 按
F12打开开发者工具 → 看右上角“文档模式”下拉框，必须是IE9 标准（不能是IE7、IE8或空值） - 如果显示旧模式，手动选中
IE9 标准，然后刷新页面；若无效，说明页面本身没声明或被服务器头覆盖 - 检查网页
最顶部是否含这行：<meta http-equiv="X-UA-Compatible" content="IE=9">，且它必须在第一个<link>或<script></script>之前 - 服务器若返回了
X-UA-Compatible: IE=7这类响应头，会直接覆盖 HTML 中的meta，需后端配合修正
让 IE9 正确识别并渲染 HTML5 语义标签
IE9 能“看见”<section></section>、<nav></nav> 这些标签，但默认当它们是未知内联元素，CSS 无法匹配，display: block 不生效，布局全乱。
- 必须在 CSS 中显式声明这些标签为块级：
header, nav, section, article, aside, footer, main, figure, figcaption { display: block; } - 该规则要放在所有其他样式之前，否则可能被后续选择器覆盖
- 不要依赖
html5shiv——它专为 IE6–IE8 设计，IE9 已内置标签识别能力，加载反而可能触发脚本错误或阻塞渲染
video/audio 标签能播，但功能残缺
IE9 原生支持 <video></video>，但仅限 MP4（H.264 + AAC）格式，不支持 WebM 或 Ogg；且没有 preload、autoplay 的可靠行为，controls 样式不可定制，poster 在某些文档模式下会失效。
立即学习“前端免费学习笔记（深入）”；
- 测试时务必用本地文件或同域 MP4，跨域视频大概率触发
NETWORK_ERR - 别写
<video controls autoplay></video>——IE9 对autoplay实际忽略，还可能报错中断脚本执行 - 想加封面图？确保
poster属性值是绝对路径或同目录相对路径，且图片格式为 JPG/PNG；GIF 不支持 - JavaScript 控制播放需加容错：
if (video.canPlayType && video.canPlayType('video/mp4')) { video.play(); }，避免调用play()报InvalidStateError
别指望 IE9 支持 HTML5 表单与存储 API
IE9 完全不识别 type="email"、required、placeholder 等表单增强属性，也不支持 localStorage、sessionStorage、geolocation。试图用它们，代码会静默失败或抛 Object doesn't support property or method 错误。
- 表单验证必须手写 JS 回退逻辑，不能依赖原生
checkValidity() - 需要客户端存储？改用
userData行为（仅 IE）或降级到 Cookie，但注意大小限制（userData单域上限 128KB） - 现代 polyfill（如 core-js）对 IE9 支持有限，
Promise、fetch等必须用专用轻量方案（如es6-promise+whatwg-fetch），且不能混用 IE8 用的html5shiv
最容易被忽略的一点：IE9 的“HTML5 支持”是断层式的——它像一个半成品引擎，能跑起来，但油门、刹车、导航全得你自己焊。任何依赖“标准一致行为”的代码，在 IE9 上都要单独验一遍 DOM 反馈、事件触发时机和错误边界。别假设它和 Chrome/Firefox 一样“执行完就完事”。
