用记事本编辑index.html可以吗？

双击打开显示代码而非网页，是因为记事本默认保存为index.html.txt（隐藏.txt后缀），浏览器识别为纯文本；中文乱码则因编码未设为UTF-8且缺少<meta charset="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">，它必须出现在 <head> 内且位置靠前

记事本保存时容易漏掉的关键操作

记事本界面简陋，很多设置不显眼，但每一步都影响结果。

• 「文件名」框里必须手动输入完整名称，例如："index.html"（加英文引号可强制锁定扩展名）
• 如果「文件类型」旁没看到「所有文件」选项，就说明你正处在「文本文件」模式，必须先点开下拉菜单切换
• Ctrl + S 快捷保存会沿用上次的编码和类型，首次保存务必走完整「另存为」流程
• 修改后刷新浏览器，不要只靠双击重开——旧标签页可能缓存了错误版本

什么时候该换编辑器？

当你开始写超过 20 行的 HTML，或者要加 CSS/JS、查错、自动补全时，记事本就明显力不从心了。

立即学习“前端免费学习笔记（深入）”；

• VS Code 新建文件默认就是 UTF-8 无 BOM，状态栏实时显示当前编码
• Notepad++ 可一键转编码、显示行号、高亮标签配对，比记事本可靠得多
• 记事本连空格缩进都容易错位，嵌套多层 <div> 时极易漏闭合标签，浏览器却不报错，只默默渲染异常

记事本能跑通基础页面，但它的“隐形设置”太多，一个没注意，index.html 就变成 index.html.txt 或乱码文件——这种问题不看属性、不查编码、不验扩展名，根本找不到根因。