写网页代码时，最怕打错标签或者漏了属性。有个好用的编辑器，能实时提示 HTML 标签和属性，效率直接翻倍。现在不少代码编辑器都实现了代码提示支持HTML的功能，打个<div>还没敲完，自动就把闭合标签补上了，连class、id这些常用属性也能一键插入。
哪些工具能做到代码提示支持HTML？
Visual Studio Code 是很多人的首选。装上默认的HTML语言包后，输入<img时，立刻弹出src、alt等属性建议，连HTML5的新标签比如<article>、<section>都能识别。而且支持自定义代码片段，比如输入“!+回车”，马上生成标准的HTML文档结构：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>Sublime Text 也挺受欢迎，虽然界面简洁，但通过插件Emmet加持，写HTML飞快。比如输入“ul>li*5”，按Tab键，立马生成五个列表项，特别适合做导航或商品列表这类重复结构。
浏览器开发者工具也在悄悄帮忙
很多人不知道，Chrome 的开发者工具在修改元素时也有代码提示。右键页面选“检查”，点开某个标签，双击属性位置，它会提示常见的属性名，比如你刚写了data-开头，它就会列出页面里已有的data-*属性供选择，避免拼写错误。
还有像WebStorm这样的专业IDE，对HTML、CSS、JavaScript全栈支持。它不仅能提示标签，还能检测某个class是否在CSS文件里定义过。如果写了<p class="btn-primary">但样式表里没这个类，会直接标黄提醒，省得调试时抓耳挠腮。
小技巧提升体验
开启自动补全后，别忘了调整触发延迟。有些人在打字快的时候觉得提示弹得太急，可以在设置里把延迟调到200毫秒左右，既不会打断思路，又能及时响应。另外，勾选“自动闭合标签”选项后，输入<div>时，编辑器会自动加上</div>，少敲一半键盘。
对于初学HTML的人来说，这种提示就像有个老师在旁边轻声提醒。以前记不住table表格那一套tr、td嵌套，现在一打<table>，下面的结构就出来了，边学边写，自然就记住了。