记事本编辑HTML文件必须用UTF-8编码并确保扩展名为.html。常见错误是保存为ANSI编码或index.html.txt，导致中文乱码、无法打开或浏览器不更新；务必用“另存为”，手动输入带引号的"index.html"，并开启系统扩展名显示以确认。
用记事本打开 HTML 文件后，保存时必须选对编码和扩展名
直接双击 HTML 文件会用浏览器打开——那是「运行」，不是「编辑」。要修改内容，得用文本编辑器（如记事本）打开源码，但保存时稍有不慎，文件就变乱码或打不开。核心问题就两个：编码格式 和 .html 扩展名。
常见错误现象：
– 保存后中文显示为方块或问号（编码不对）
– 双击文件弹出“选择打开方式”或直接下载（扩展名被改成 .txt）
– 浏览器打开空白，右键「查看页面源代码」发现全是乱码或空行
- 打开记事本 → 「文件」→ 「打开」→ 找到你的
index.html，下方「编码」下拉菜单务必选UTF-8（不是 ANSI，也不是自动检测） - 修改完 → 「文件」→ 「另存为」→ 在「文件名」框里手动输入完整名称，例如：
index.html（必须带引号或确保扩展名没被覆盖） - 「编码」下拉菜单再次确认选的是
UTF-8（Windows 记事本默认可能为 ANSI，不改就会丢中文） - 勾掉「文件类型」旁的「文本文件 (*.txt)」选项；如果看不到该选项，就在「文件名」里加英文双引号强制锁定，例如：
"index.html"
为什么不能依赖「保存」而要用「另存为」
记事本对已带 .html 后缀的文件执行「保存」时，有时会悄悄套上 .txt 后缀（变成 index.html.txt），且不提示。浏览器识别不到这个文件是 HTML，自然无法渲染。
使用场景：你用记事本打开 page.html，改了一行文字，点「保存」——表面看文件名没变，实际资源管理器里可能已变成隐藏扩展名的 page.html.txt，而 Windows 默认不显示已知扩展名，你根本看不见。
立即学习“前端免费学习笔记（深入）”；
- 永远优先用「另存为」，并在「文件名」栏肉眼确认结尾是
.html或.htm - 在文件资源管理器中开启「显示文件扩展名」：打开任意文件夹 → 「查看」→ 勾选「文件扩展名」
- 保存后右键文件 → 「属性」→ 看「类型」是否为「HTML 文档」；如果是「文本文档」，说明保存失败
记事本保存后浏览器没更新？检查缓存和双击方式
改完保存了，双击还是旧内容？不是代码没生效，而是浏览器加载了缓存版本，或者你双击打开的根本不是刚保存的那个文件。
- 双击前先确认当前目录下只有一个
index.html（避免同名文件在不同文件夹） - 浏览器中按
Ctrl + F5强制刷新（跳过缓存） - 更可靠的方式：用浏览器菜单「文件」→ 「打开文件」→ 手动选中你刚保存的
index.html - 如果仍不更新，右键文件 → 「编辑」再开一次记事本，快速 Ctrl+A 全选 → 看是否真包含了你刚写的修改
<!DOCTYPE html> <html> <head><meta charset="UTF-8"></head> <body> <p>你好，世界！</p> </body> </html>
上面这段代码，用记事本保存时若编码选错，你好，世界！ 就会变成乱码；若保存成 index.html.txt，双击就打不开。这两处是真实环境中 90% 的「改了却没变」问题根源。
