HTML5 发行必须通过 HTTP 服务验证：用 npx http-server 或 VS Code Live Server 启动本地服务，检查路径、CORS 和资源加载；上线应选 GitHub Pages/Netlify/Vercel 等静态托管平台，禁用 file:// 协议。
HTML5 源代码本身不需要编译，但“发行”（即让别人能正确访问和运行）必须解决三个实际问题：文件路径是否有效、浏览器同源策略是否阻断功能、资源是否完整可加载。直接双击打开 index.html 只适用于最简单的静态页面；一旦用了 fetch、import、本地存储或图片 /CSS/JS 路径嵌套，就大概率报错——这不是代码写错了，而是没走 HTTP 协议。
怎么快速验证 HTML5 页面能否正常发行？
别依赖右键“用浏览器打开”，那是开发早期的错觉。真实发行前必须走 HTTP 服务：
- 打开终端，进入项目根目录（确保里面有
index.html） - 执行
npx http-server -p 8080（无需全局安装，临时起服务） - 访问
http://localhost:8080，观察控制台是否有Cross-Origin Read Blocking或Failed to load resource - 如果一切绿色，说明路径、MIME 类型、CORS 都没问题，可以发行；否则先修路径再发
VS Code + Live Server 是最省心的发行准备组合
它不是“开发工具”，而是发行前的最小验证环：改一行代码 → 自动刷新 → 看效果 → 判断是否 ready for deploy。比手动敲命令快，且避免端口冲突或路径误判：
- 在 VS Code 中安装扩展：
Live Server（作者：Ritwick Dey） - 右键点击任意
.html文件 → 选择Open with Live Server - 它自动启动
http://127.0.0.1:5500/xxx.html，并监听文件变化 - 注意：不要用它代替正式部署——它的根路径是当前文件所在目录，不是项目根；上线前仍需检查
./assets/style.css这类相对路径是否以项目根为基准
发行到公网时，别自己搭服务器
HTML5 是纯静态内容，99% 的场景根本不需要 Nginx、Apache 或 Node.js 后端。用托管平台反而更稳、更快、免费：
立即学习 “ 前端免费学习笔记（深入）”；
-
GitHub Pages：适合开源项目，入口必须是index.html，路径为https://.github.io/ -
Netlify：拖拽上传或连 GitHub 自动构建，支持自定义域名、HTTPS、重定向规则，对_redirects文件友好 -
Vercel：默认识别dist/或build/目录，也支持直接部署根目录，CDN 分发极快 - ⚠️ 避坑：别把
file:///路径（比如file:///C:/project/index.html）发给别人——这根本不是 URL，对方打不开
真正卡住发行的，从来不是工具选错，而是路径写死、资源漏传、或误以为“本地能开 = 线上能跑”。每次打包前，用 http-server 过一遍，再丢到 Netlify 拖一次，两分钟就能确认是否 ready。
