下载的教程压缩包里有个 index.html，双击之后弹出的却是记事本，满屏 <div> 和 <script>，还以为文件坏了。

html 文件是网页文件，正常打开方式是浏览器。跳出记事本，说明文件关联被改过，或者当初右键时选错了程序。

三种打开方式

  • 右键文件，打开方式里选 Chrome、Edge 或 Firefox，勾上始终使用
  • 先开浏览器，把文件直接拖进窗口
  • 地址栏输入 file:/// 加完整路径，路径分隔符换成正斜杠

手机上收到 html 文件，一般要用文件管理器找到它，再选浏览器打开，聊天软件自带的预览经常只显示源码。

页面里引用了图片和样式，单独打开 html 时路径按文件所在目录算，图片放在上一级就显示不出来。整个文件夹解压完整再打开，别只拖一个文件出来。

想看源码就用编辑器

VS Code、Notepad++、记事本都能开，改完保存，回浏览器按 F5 刷新就能看到效果。浏览器里按 F12 也能看结构，但改的是临时副本，一刷新就没了。要长期改代码，装个 VS Code 加 Live Server 插件，保存自动刷新。

打开是一片空白

先看文件是不是 0 字节，再按 F12 看控制台的报错。常见原因是引用的 css、js 路径不对，页面整个文件夹一起移动，别只拷一个 html 文件出去。路径里带中文或空格也容易出问题，换成英文目录再试。想更接近线上环境，可以在文件夹里开命令行，运行 python -m http.server 8000，再访问 localhost:8000，比 file 协议少很多限制。

中文显示成乱码

文件头没声明 UTF-8 编码时，浏览器会按本地编码猜。用编辑器另存为 UTF-8，再刷新一般就正常了。老站点用 GBK 的也不少，看文件头里 charset 写的是什么。

顺带提一句：来路不明的 html 别随便在浏览器里打开，页面里的脚本可能联网请求外部资源。自己下载的资料，先确认来源。Edge 和 Chrome 对本地文件的限制差不多，换浏览器还是打不开，问题就在文件本身。

判断：只是看页面，右键指定浏览器；要改内容，换编辑器，两件事分开处理就行。