记事本保存html文件需设utf-8编码、写全结构、后缀为.html且关联浏览器打开，否则乱码或不渲染。
记事本保存的文件为什么打开是乱码或不渲染为网页
直接把 .txt 文件重命名为 .html，浏览器大概率不会按 HTML 解析——它看的是文件内容是否符合 HTML 语法，而不是后缀名。更常见的是：用记事本保存时默认编码是 ANSI（windows 旧编码），而现代浏览器默认用 UTF-8 解码，导致中文变问号或方块。
- 务必在「另存为」时手动选编码：编码 → UTF-8（不是「UTF-8-bom」，BOM 会多出三个不可见字节，某些场景下引发解析异常）
- 文件名必须以
.html或.htm结尾，且保存类型选「所有文件」，否则记事本会强行加.txt - 内容至少得是合法 HTML 结构，比如包含
hello，空文件或纯文本不会触发浏览器的 HTML 渲染模式
记事本里写 HTML 必须加哪些基础标签
不是所有 HTML 标签都可省略，尤其在记事本这种零校验环境下。省略关键结构会导致样式错乱、中文显示异常，甚至被浏览器当成纯文本。
- 必须有
、、三层包裹，哪怕里面只有一行文字 -
里至少加<meta charset="UTF-8">，显式声明编码，避免依赖浏览器猜测 - 不要用自闭合标签如
<br>，记事本不识别 xml 语法，老式 IE 会直接忽略，写成<br>更稳妥
<html> <head> <meta charset="UTF-8"> </head> <body> <h1>你好</h1> <p>这是一段文字</p> </body> </html>保存后双击打不开 / 打开是源码不是网页
这是 Windows 默认关联出了问题：系统可能把 .html 文件关联给了记事本或其它编辑器，而不是浏览器。
立即学习“前端免费学习笔记（深入）”；
- 右键文件 → 「打开方式」→ 选「microsoft edge」或「chrome」→ 勾选「始终使用此应用打开 .html 文件」
- 如果右键菜单只有「在记事本中编辑」，说明文件实际还是
.txt后缀：检查文件夹是否隐藏了扩展名（Win10/11 默认隐藏），开启「查看 → 显示 → 文件扩展名」再确认 - 别用资源管理器地址栏直接输
file:///C:/a.html测试——路径含空格或中文时容易失败，拖进浏览器标签页最可靠
记事本写 HTML 的硬伤和替代建议
记事本没有语法高亮、自动补全、错误提示，写稍复杂的结构（比如嵌套列表、表单、CSS 内联样式）极易漏标点、错缩进、忘闭合标签。一个 漏写，整页布局可能垮掉，你还得一行行肉眼找。
- 免费替代品：VS Code（轻量）、Notepad++（带 HTML 插件）、sublime text，都支持实时预览、括号匹配、编码自动识别
- 哪怕坚持用记事本，也建议写完后丢进在线验证工具（如
validator.w3.org）查基础错误 - 真正要上线的页面，别指望记事本撑住——连最基本的字符实体（如
记事本能跑通最简 HTML，但只要涉及中文、样式、交互，编码、结构、关联这三个环节任何一个出岔子，就卡在「明明改了却没反应」上。动手前先确认编码、结构、打开方式，比反复重命名更省时间。