HTML文件打不开主因是未被浏览器识别为网页：扩展名错误（如存为.html.txt）、file://协议限制功能、结构缺失（缺DOCTYPE或闭合标签）、资源路径错误。应检查扩展名、用Live Server本地运行、验证HTML结构、确认资源路径。
HTML 文件保存后打不开，90% 是文件本身没被浏览器当网页解析——不是代码写错了，而是系统或浏览器压根没认出这是个 HTML 文件。
文件扩展名和保存方式不对
记事本、WPS 或某些编辑器默认会偷偷加 .txt 后缀，比如你输入 index.html，它实际存成 index.html.txt。Windows 默认隐藏已知扩展名，你根本看不见这个 .txt。
- 在文件资源管理器中打开「查看」→ 勾选「文件扩展名」，确认文件名结尾确实是
.html或.htm，不是.html.txt - 用 VS Code、Sublime Text、Notepad++ 这类纯文本编辑器保存，保存时在「保存为类型」里选「所有文件」，再手动输入
index.html - 别用 Word、WPS 直接“另存为网页”，它们会塞进大量冗余标签和私有格式，直接报废
浏览器用 file:// 协议打开时功能受限
直接双击打开 HTML 文件，地址栏显示的是 file:///C:/...。这种协议下，现代浏览器会禁用 fetch()、XMLHttpRequest、部分 localStorage 权限，甚至阻止跨目录读取 CSS/JS —— 页面可能空白、无样式、脚本报错，但控制台只显示 “Blocked by CORS policy” 这类模糊提示。
- 临时验证：右键 HTML 文件 →「使用 Live Server 打开」（VS Code 插件）
- 命令行快速起服务：
python -m http.server 8000（Python 3 内置），然后访问http://localhost:8000 - 不用装任何东西：VS Code 安装「Live Server」插件，右键点 HTML 文件选「Open with Live Server」
HTML 结构缺失或标签错位导致解析失败
浏览器对结构错误容忍度低。少一个
