双击打开显示代码而非网页，是因为记事本默认保存为index.html.txt（隐藏.txt后缀），浏览器识别为纯文本；中文乱码则因编码未设为UTF-8且缺少声明。
.html、保存编码是 UTF-8、保存类型选“所有文件”。缺一不可，否则浏览器打不开或中文变方块。
为什么双击打开显示的是代码而不是网页？
这是最常见错误：记事本默认把文件存成了 index.html.txt（系统隐藏了 .txt 后缀），浏览器识别为纯文本，直接显示源码。
- 右键文件 → 「属性」→ 看「名称」栏是否真为
index.html；如果不是，说明后缀被覆盖了 - 在文件夹选项中勾选「显示文件扩展名」，避免误判
- 保存时务必在「保存类型」下拉菜单里选「所有文件」，不能选「文本文档 (*.txt)」
中文乱码或显示问号怎么办？
根本原因是编码选错了。Windows 记事本默认用 ANSI（其实是 GBK），而 HTML 要求声明 UTF-8 且文件也得用 UTF-8 存储。
- 打开记事本 → 「文件」→ 「打开」→ 找到你的
index.html→ 下方「编码」下拉框手动选UTF-8 - 编辑完 → 「另存为」→ 再次确认「编码」是
UTF-8（不是UTF-8-BOM） - 检查 HTML 文件开头是否有
<meta charset="UTF-8">，它必须出现在内且位置靠前
记事本保存时容易漏掉的关键操作
记事本界面简陋，很多设置不显眼，但每一步都影响结果。
- 「文件名」框里必须手动输入完整名称，例如：
"index.html"（加英文引号可强制锁定扩展名） - 如果「文件类型」旁没看到「所有文件」选项，就说明你正处在「文本文件」模式，必须先点开下拉菜单切换
-
Ctrl + S快捷保存会沿用上次的编码和类型，首次保存务必走完整「另存为」流程 - 修改后刷新浏览器，不要只靠双击重开——旧标签页可能缓存了错误版本
什么时候该换编辑器？
当你开始写超过 20 行的 HTML，或者要加 CSS/JS、查错、自动补全时，记事本就明显力不从心了。
立即学习“前端免费学习笔记（深入）”；
- VS Code 新建文件默认就是
UTF-8无 BOM，状态栏实时显示当前编码 - Notepad++ 可一键转编码、显示行号、高亮标签配对，比记事本可靠得多
- 记事本连空格缩进都容易错位，嵌套多层
<div> 时极易漏闭合标签，浏览器却不报错，只默默渲染异常 记事本能跑通基础页面，但它的“隐形设置”太多，一个没注意，<code>index.html就变成index.html.txt或乱码文件——这种问题不看属性、不查编码、不验扩展名，根本找不到根因。
