Notepad保存HTML文件需手动输入完整文件名（如index.html）、保存类型选“所有文件”、编码选UTF-8；双击打不开需检查默认打开方式是否关联浏览器；浏览器显示源码则确认地址栏为file:///开头且路径无中文/空格。
Notepad保存的HTML文件打不开？先确认后缀名和编码
Notepad默认保存为 .txt，哪怕你写了 ，双击也只会用记事本打开或报错“无法找到程序打开此文件”。关键不是“怎么运行”，而是“怎么保存成真正的HTML文件”。
- 保存时，在
另存为 → 文件名栏必须手动输入完整名称，例如：index.html（不能只写index，也不能写成index.htm.txt） - 下方
保存类型必须选所有文件，否则 Notepad 会强制加.txt - 编码选
UTF-8（不是UTF-8-BOM），避免中文乱码或某些浏览器解析失败
双击没反应？检查系统默认打开方式是否被篡改
即使后缀正确，双击仍可能弹出错误提示、或用其他软件（比如微信、WPS）打开——说明 .html 关联被劫持了。这不是代码问题，是系统设置。
- 右键该文件 →
属性→ 查看“打开方式”栏是否显示Microsoft Edge或Chrome；如果不是，点更改重新指定 - 如果点“更改”后列表里没有浏览器，选
更多应用 → 在 Microsoft Store 中查找应用，或直接点查找其他应用，浏览到C:\Program Files\Google\Chrome\Application\chrome.exe（路径依实际安装而定） - Windows 10/11 有时会把
.htm和.html分开关联，建议两个都手动设一遍
浏览器里显示源码而不是网页？可能是 MIME 类型或服务器缺失
用 Chrome 打开后看到满屏 HTML 标签，说明浏览器把它当纯文本读了——常见于直接双击打开但本地路径含中文、空格或特殊符号，或文件被拖进地址栏时用了 file:/// 却漏了前缀。
- 确保地址栏开头是
file:///（三个斜杠），例如：file:///C:/myproject/index.html；如果只显示C:\myproject\index.html，手动补上file:/// - 路径中避免中文、空格、括号（如
我的网页(测试).html），Notepad 本身不处理 URL 编码，浏览器可能解析失败 - 不需要本地服务器也能运行静态页，但涉及
fetch、localStorage或模块导入时，file://协议会触发跨域限制，此时才需要live-server或 Python 的python -m http.server
Notepad 写完 HTML 怎么快速预览？别反复保存+双击
每次改一行就关浏览器再双击太慢，真正在用的人早就有固定流程了。
立即学习“前端免费学习笔记（深入）”；
- 写完按
Ctrl+S保存，然后在浏览器中按F5刷新（前提是已经用该浏览器打开过这个文件） - 把浏览器窗口和 Notepad 并排：Windows 按
Win+←/Win+→分屏，改完切过去按F5，2 秒内可见效果 - 如果经常调试，可右键 HTML 文件 →
发送到 → 桌面快捷方式，然后给快捷方式加个键盘快捷键（属性 → 快捷键），比如设成Ctrl+Alt+H，一键唤起
最容易被忽略的是保存时的“保存类型”下拉框——90% 的打不开问题都卡在这一步。Notepad 不提醒、不纠错、不自动修正，它只忠实地按你点的选项执行。你点“文本文档”，它就给你 .txt；你没输后缀，它就啥也不加。
