html由浏览器解析执行，现代浏览器双击即可运行，但file://协议下部分api受限；ie9–ie11需html5shiv支持语义标签，ie8及以下不推荐支持；特性兼容性应查caniuse而非猜测。
HTML 本身不“在线运行”，而是由浏览器解析执行；所有现代浏览器都原生支持 HTML，无需额外配置就能直接打开 index.html 文件查看效果。
Chrome、Firefox、Edge、Safari 都能直接双击打开 HTML 文件
只要文件扩展名是 .html 或 .htm，且保存为 UTF-8 编码（不含 BOM），双击就能在以下浏览器中正常加载：
- Chrome（最新稳定版 + 上一个大版本）
- Firefox（ESR 版本和最新版）
- Edge（基于 Chromium 的新版，非旧 EdgeHTML）
- Safari（macOS 12+ 和 iOS 15+）
注意：file:// 协议下部分 API 会受限，比如 fetch()、XMLHttpRequest 加载本地 JSON，或 iframe 加载同目录 HTML，可能触发 CORS 或读取失败。这不是浏览器不支持 HTML，而是安全策略限制。
IE11 及更老版本需要手动补 HTML5 元素识别
IE9–IE11 能渲染基础 HTML，但不认识 <header></header>、<section></section> 这类语义标签，会导致样式丢失或 DOM 查询失败。
- 必须在
中引入html5shiv.js（或等效的document.createElement()脚本） -
html5shiv必须放在所有 CSS 和 JS 之前，否则 IE 可能来不及注册新标签 - IE8 及以下连
html5shiv都不完全可靠，建议明确排除支持范围，除非业务强制要求
验证方式：在 IE11 开发者工具中执行 document.querySelector('header')，返回 null 就说明没生效。
测试 HTML 兼容性别靠“猜”，用 CanIUse 查具体特性
不是所有浏览器对同一 HTML 特性的支持程度一致。比如：
-
<dialog></dialog>在 Chrome 93+ 支持，Firefox 99+ 才默认启用，Safari 目前仍需-webkit-前缀 -
<input type="date">在 Safari 移动端表现和桌面端差异极大，且无法用 CSS 深度定制 -
loading="lazy"属性在旧版 Safari（
查法很简单：打开 caniuse.com，搜 dialog、input-date 或任意 HTML/CSS/JS 特性名，它会列出各浏览器各版本的支持状态、已知 bug 和 polyfill 建议。
本地预览没问题 ≠ 真实环境没问题
很多兼容性问题只在部署后暴露，原因很实际：
- 本地双击用
file://，而服务器用http://或https://，CORS、MIME 类型、重定向行为全不同 - 某些 CDN 或代理会改写
<meta charset>或注入脚本，影响字符解析 - 移动端 WebView（如微信内置浏览器、QQ 浏览器 X5 内核）基于旧版 Blink/WebKit，HTML5 支持滞后于对应 Chrome/Safari 版本
真正要验证兼容性，至少要在目标环境起一个最小 HTTP 服务：VS Code 装 Live Server 插件，或终端跑 npx serve、python3 -m http.server 8000，再访问 http://localhost:8000/index.html。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
