html文件可直接双击运行，因浏览器内置解析器；但fetch、import等需http协议的功能必须用本地服务器（如python -m http.server）才能正常工作。
不需要下载任何插件，HTML 本身就能被浏览器原生解析运行。 只要文件后缀是 .html 或 .htm，现代浏览器（Chrome、Edge、Firefox、Safari）双击或拖入即可加载，不依赖插件、不需安装额外软件。
为什么浏览器能直接打开 HTML 文件？
HTML 是一种标记语言，不是可执行程序，浏览器内置了 HTML 解析器和渲染引擎（如 Blink、Gecko、WebKit），遇到 .html 文件会自动读取、解析标签、构建 DOM 并绘制页面。这和运行 Python 或 JS 代码完全不同——它不“执行”，而是“解释呈现”。
常见误解：以为需要“运行环境”或“编译”，其实只要路径合法、编码正确、结构完整，file:/// 协议就能工作。
直接打开时常见的报错或异常现象
虽然无需插件，但以下情况会导致页面空白、样式丢失、脚本不执行：
-
Failed to load resource: net::ERR_FILE_NOT_FOUND：图片、CSS、JS 路径用了相对路径（如./style.css），但文件不在同一目录，或路径含中文/空格未编码 -
Access to script at 'file:///...' from origin 'null' has been blocked：浏览器对file://协议限制了跨源请求（如fetch()、XMLHttpRequest），AJAX 类功能必然失败 - 页面乱码：保存文件时没选
UTF-8编码（记事本默认是 ANSI），导致中文显示为方块或问号 - CSS/JS 不生效：标签写错位置（如
<script></script>放在里却操作了尚未加载的元素）
哪些功能必须用本地服务器（不能只靠双击）？
当你的 HTML 包含以下任一能力时，file:// 会静默失败或报错，必须启动本地 HTTP 服务：
- 使用
fetch()或XMLHttpRequest加载本地 JSON / TXT 文件 - 调用
localStorage以外的 Web API（如ServiceWorker、WebRTC） - 引入模块化 JS：
<script type="module"></script>+import语句（浏览器拒绝从file://加载模块） - 使用某些 CSS 特性（如
@import加载外部 CSS，在部分浏览器中受限）
此时最轻量的解法是命令行运行：python -m http.server 8000（Python 3），然后访问 http://localhost:8000/your-file.html。VS Code 的 Live Server 插件底层也是起一个这样的本地服务。
真正容易被忽略的是：**你写的代码看起来“能跑”，但一旦加了一行 fetch('./data.json')，双击就彻底失效——这不是 bug，是浏览器安全策略的硬性限制，改不了，也绕不过。**
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
