notepad 不是 html 开发环境,仅是纯文本编辑器,无实时预览、语法高亮、自动补全或调试功能;保存须选 utf-8(非 utf-8 with bom),否则易致解析错误,且不校验标签闭合、无缩进对齐,易出错。

Notepad 不是 HTML 开发环境,它只是个纯文本编辑器;装了 Notepad 本身不会给你任何开发能力,比如实时预览、语法高亮、自动补全或调试支持。
为什么用 Notepad 写 HTML 很容易出错
浏览器只认标准的 UTF-8 编码和正确的换行符,而 Windows 自带的 Notepad 默认保存为 ANSI 或 UTF-8 with BOM,后者会导致某些服务器或构建工具报错(比如 Unexpected token );另外它不区分大小写提示、不校验标签闭合,<div><p>hello</p></div>
- 保存时务必手动选
UTF-8(不是UTF-8 with BOM) - 写完必须用浏览器双击打开
index.html才能看到效果,不能靠 Notepad 预览 - 没有缩进自动对齐,嵌套三层以上就容易漏掉
Notepad 替代方案:免费且开箱即用
真正适合 HTML 入门的轻量工具,要能自动识别 .html 后缀、带基础语法高亮、保存即 UTF-8、一键在浏览器中刷新——这些 Notepad 全都不支持。
95Shop可以免费下载使用,是一款仿醉品商城网店系统,内置SEO优化,具有模块丰富、管理简洁直观,操作易用等特点,系统功能完整,运行速度较快,采用ASP.NET(C#)技术开发,配合SQL Serve2000数据库存储数据,运行环境为微软ASP.NET 2.0。95Shop官方网站定期开发新功能和维护升级。可以放心使用! 安装运行方法 1、下载软件压缩包; 2、将下载的软件压缩包解压缩,得到we
-
VS Code:装好后打开文件夹,新建index.html就自动高亮,按Ctrl+Shift+P输入Live Server装扩展,右键就能起本地服务 -
Sublime Text:比 Notepad 多一个Ctrl+Shift+P命令面板,装Emmet后输html:5回车直接生成完整骨架 - 连安装都嫌麻烦?直接用浏览器开发者工具里的
Elements面板改 DOM,或在线用CodePen/JSFiddle
如果非要用 Notepad:绕不开的三步操作
仅限临时改一行字、查个源码、或者教学演示“最原始”的写法。其他情况不建议。
立即学习“前端免费学习笔记(深入)”;
- 新建文件 → 输入内容 →
文件 → 另存为→ 文件名填index.html(必须带.html后缀) - 下方“编码”下拉菜单手动选
UTF-8(Windows 10/11 的新版 Notepad 有,旧版只有ANSI和Unicode,此时请换工具) - 保存后,**不要双击 Notepad 图标再打开这个文件**——那会用 Notepad 重新读取,而是直接双击
index.html,由系统默认浏览器打开
真正在写 HTML 时,你卡住的地方从来不是“怎么保存”,而是“为什么这个 div 没居中”“script 为啥没执行”“路径怎么总 404”。Notepad 不帮你回答任何一个。










