必须开启“显示文件扩展名”确认真实后缀,因Windows默认隐藏扩展名导致看似index.html实为index.html.txt;记事本保存须选“所有文件”并手动输入完整文件名如demo.html,编码选UTF-8,双击打不开时应右键用浏览器打开或强制刷新Ctrl+F5。

记事本写的 HTML 文件必须保存为 .html 或 .htm 后缀,且不能带隐藏的 .txt 扩展名,否则双击打不开或显示源码。
为什么改了后缀还是打不开?——Windows 隐藏扩展名陷阱
Windows 默认隐藏已知文件扩展名,你看似改成了 index.html,实际可能是 index.html.txt。系统不显示 .txt,但文件真实存在。
- 在文件资源管理器中,点击「查看」→ 勾选「文件扩展名」,确认后缀是否真的只有
.html - 重命名时,务必全选原名(包括旧后缀),再输入
xxx.html,不要只改最后几个字母 - 如果弹出“更改扩展名可能使文件不可用”,点「是」——这是正常提示,不是错误
记事本保存时必须选「所有文件」+ 手动加后缀
记事本默认保存类型是「文本文档(*.txt)」,直接点保存会强制加 .txt,哪怕你在文件名里写了 .html。
- 「另存为」→ 在「保存类型」下拉菜单中,必须选「
所有文件」 - 「文件名」框中完整输入
demo.html(注意引号不用输) - 编码选
UTF-8(别用「ANSI」,中文会乱码)
双击打不开?试试右键「在浏览器中打开」
某些系统或安全策略会阻止双击直接运行本地 HTML,或默认用记事本打开——这不是代码问题,是关联设置。
立即学习“前端免费学习笔记(深入)”;
- 右键文件 → 「打开方式」→ 选择 Chrome / Edge / Firefox(不要选「Internet Explorer」)
- 若想永久关联:右键 → 「打开方式」→ 「选择其他应用」→ 勾选「始终使用此应用打开
.html文件」 - 更可靠的方式:拖拽文件到已打开的浏览器窗口标签栏,或地址栏粘贴路径(如
file:///C:/test/demo.html)
最常被忽略的一点:浏览器缓存。改完代码保存后,刷新页面却没变化,大概率是按了 F5 而不是 Ctrl+F5(强制重载)。本地文件没有服务器缓存控制,但浏览器仍会缓存 CSS/JS,甚至 HTML 本身。



















