html文件双击打不开、空白或显示源码，主因是扩展名错误（如隐藏的.txt）、编码非utf-8、file://协议限制导致资源加载失败，应开启扩展名显示确认为.html，用live server或http-server启动本地服务器访问。
HTML 文件双击打不开、空白、报错或显示源码，基本不是代码写错了，而是保存动作本身出了问题。 大多数情况只需改一个保存选项、换一种打开方式，就能立刻看到页面。
文件名后缀是不是真的 .html？
Windows 默认隐藏扩展名，你看到的 index 实际可能是 index.txt 或 index.html.txt。这种文件浏览器根本不会当网页解析。
- 在文件夹选项中开启「显示文件扩展名」，确认结尾确实是
.html（不是.HTML、.htm或带空格/中文） - 用记事本保存时，务必在「另存为」对话框里把「保存类型」选成「所有文件」，否则它会强行加
.txt - VS Code 里按
Ctrl+S前看右下角状态栏：编码必须是UTF-8，不是UTF-8 with BOM（BOM 会导致某些老浏览器解析失败）
直接双击打开为什么总出 net::ERR_FILE_NOT_FOUND 或白屏？
Chrome、Edge 等现代浏览器出于安全限制，对 file:// 协议下的 JS/CSS 加载非常严格——哪怕路径只差一个点，也会静默失败，不报错、不提示，只留空白页。
- 不要双击打开，改用本地服务器：VS Code 安装
Live Server插件后右键选「Open with Live Server」；或终端运行npx serve/python3 -m http.server 8000，然后访问http://localhost:8000 - 如果必须用
file://，检查所有src和href路径：JS 文件路径错写成js/main.js，但实际目录是JS/main.js（大小写敏感）；CSS 路径漏了./导致从根目录找 - F12 打开开发者工具 → Network 标签页，刷新页面，看哪些资源状态是红色 404 —— 那就是真正没找到的文件
<meta charset="UTF-8"> 放对位置了吗？
即使文件本身是 UTF-8 编码，没有这行声明，浏览器也可能用 GBK 解析，导致中文乱码、JS 报 Uncaught SyntaxError: Unexpected token '（其实是把 HTML 当 JS 执行了）。
- 这行必须写在
内，且越靠前越好，最好紧贴开始标签 - 不能写成
<meta charset="utf-8">（小写没问题），但绝不能漏掉，也不能放在里 - 如果复制了别人代码，小心里面混入不可见的全角空格或零宽字符——粘贴到 VS Code 后按
Ctrl+Shift+P→ 「Toggle Render Whitespace」就能看见
最常被忽略的一点：Live Server 插件只对当前已保存的文件生效。改完 HTML 没按 Ctrl+S，点「Open with Live Server」看到的还是旧版本；而 file:// 下连缓存都可能不刷新，硬刷新（Ctrl+F5）比普通刷新更可靠。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
