昨天帮一个做自媒体的朋友调他的个人网站，他发来一段代码，器电说“为什么我本地浏览器打开没问题，脑版传到服务器上排版全乱了？编辑”我一看，他用的器电是 Notepad++，没装任何插件，脑版直接手写 HTML。编辑标签闭合全靠肉眼盯，器电<div> 少了一个斜杠，脑版浏览器自动补全后把整个侧边栏吞进了主内容区。编辑这事让我想聊聊电脑上写 HTML 到底该用什么工具——不是器电随便一个文本编辑器都能叫“HTML编辑器”的。

很多人觉得 HTML 就是脑版纯文本，用系统自带的编辑记事本也能写。对，器电能写。脑版但写和写得下去是两码事。记事本没有语法高亮，标签和属性全是一个颜色，代码超过五十行就开始像读天书。更致命的是编码问题：Windows 记事本默认存成 ANSI，你写个 <meta charset="UTF-8"> 也没用，中文照样变乱码。我见过有人用记事本写了三个月的页面，每次改中文都要重新另存为 UTF-8，纯属跟自己过不去。

真正能称得上“HTML编辑器”的电脑软件，至少得满足三个条件：语法高亮、标签自动补全、实时预览。Visual Studio Code 是现在最主流的选择，免费，插件生态庞大。装个 Live Server，右键“Open with Live Server”，浏览器自动刷新，改一行标签颜色立刻变。它的 Emmet 缩写也省事——输入 div.container>ul>li*3 按 Tab，直接展开成嵌套结构。不过 VS Code 本质是代码编辑器，不是专门的 HTML 工具，新手容易被满屏的插件推荐搞晕。

另一类就是老牌可视化编辑器，比如 Adobe Dreamweaver。零几年那会儿是网页三剑客之一，现在还在更新。它的“拆分视图”左边写代码右边看效果，拖拽表格、插入图片都有图形按钮。但 Dreamweaver 的代码视图经常自作主张，你写个 <p> 它给你塞一堆内联样式，生成的代码冗余得让人想重写。而且订阅价格不便宜，个人用户越来越少。

还有一类轻量级的选择，比如 Notepad++ 加个 HTMLTags 插件，或者 Sublime Text 配 Emmet。启动快，资源占用小，老电脑跑起来不卡。我有一台 2012 年的 ThinkPad，装 VS Code 风扇狂转，换 Notepad++ 写静态页面反而流畅。但这类工具缺少集成终端和 Git 支持，项目一复杂就得来回切窗口。

选哪个？看你的工作流。如果只是改改模板、调调样式，VS Code 加几个插件足够。如果要教学生或者做快速原型，Dreamweaver 的所见即所得能省解释时间。至于记事本——除非你想体验用螺丝刀拧螺丝的乐趣，否则别碰。

最后说个细节：不管用哪个编辑器，记得在设置里把“默认换行符”改成 LF，缩进改成两个空格。这些小事在单人项目里无所谓，一旦用 Git 协作，CRLF 和 Tab 能让你在 diff 里看到满屏红绿块，那时候再改就晚了。

(责任编辑：探索)