最近好几个朋友问我，想学做网页但电脑里不想装一堆软件，有没有那种打开浏览器就能写代码的html网页编辑器。说实话这需求挺常见的，我自己平时改个落地页、调个邮件模板，也懒得开本地IDE，直接在线搞定。所以这次干脆把用过和身边人常提的10款免费在线HTML网页编辑器捋一遍，都是免安装、打开就能写的类型，顺带说说各自的脾气和坑，省得你一个个试。
先搞清楚：在线HTML编辑器到底分几种
别看都叫html网页编辑器，其实路数不一样。一种是纯代码型的，左边写HTML右边实时预览，适合已经懂点标签的人；另一种是可视化拖拽的，像搭积木一样摆元素，代码自动生成，新手友好但自由度有限。还有一类是“代码+可视化”混着来的，能切换视图。你选之前先想明白自己是练手学习，还是赶时间出活，方向不一样选的工具差挺多。另外提醒一句，免费版普遍有保存次数或导出限制，别等写完才发现导不出来。
纯代码党最爱的那几款
CodePen 大概是名气最大的，社区氛围浓，写完能直接分享链接，看别人作品也方便。缺点是免费账号只能建有限数量的Pen，项目多了得删旧的。JSFiddle 更老派一些，跑个小demo验证想法很快，界面不算好看但胜在稳。还有 CodeSandbox，虽然主打前端框架，但拿来写纯HTML也顺手，支持多文件，免费额度对个人学习够用。这几款我都拿来试过改样式，在线HTML编辑器里它们算响应快的，就是网络偶尔抽风要刷新。
新手和可视化派看这里
如果你刚接触，看见一堆标签就头大，那可以试试 HTML Online Editor 这类轻量工具，左边写右边看，报错提示也算直白。再就是一些可视化建站工具自带的编辑器，拖拽区块就能出页面，导出的代码虽然有点冗余，但拿来理解结构还行。我踩过的坑是：有些可视化html网页编辑器免费版会在页面里塞广告脚本，导出前一定检查代码干不干净。另外手机端也能凑合用，应急改个文字没问题，复杂排版还是老老实实上电脑。
选之前盯紧这几个点
第一看自动保存，写到一半断网没保存真的想砸键盘；第二看预览是否实时，有些要手动点运行才刷新，效率差一截；第三看能不能导出完整HTML文件，别只能在线看；第四留意免费额度，比如项目数、协作人数、自定义域名这些。还有个容易忽略的——是否支持外部CDN引入，想用个图标库字体库，引不进来就难受了。把这些对一遍，基本能筛掉一半不合适的在线HTML编辑器。
我自己的使用习惯供参考
平时快速验证一段布局，我开 CodePen 写完就关，不纠结；要给别人演示完整页面，就用支持多文件的工具打包分享；教新手朋友的时候，反而推荐界面最简单的那个，少点按钮少点干扰。说白了html网页编辑器没有全能冠军，按场景换着用最实际。还有个小建议，重要代码别只存在线平台，本地留一份备份，平台改政策或关停的事又不是没发生过。
最后啰嗦两句
这10款免费在线HTML网页编辑器覆盖了从纯代码到可视化的主要类型，够你挑一阵了。建议先收藏两三个顺手的，用一周再决定长期用哪个。别贪多，工具是拿来干活的，写出来能跑的页面才是正经事。
喜欢 
高兴
鬼脸
呵呵
无聊
伤心
