使用Emmet插件可高效编写HTML标签，Sublime Text 3及以上版本默认支持，输入简写如“!”或“html:5”后按Tab键即可生成完整结构，常用示例包括div.container、ul>li5等，通过层级符号>构建嵌套关系，如header>nav>ul>li3>a，大幅提升编码速度。
在Sublime Text中快速编写HTML标签，最高效的方式是使用Emmet插件。Emmet是一套强大的代码补全工具，能将简写语法自动扩展为完整的HTML结构，大幅提升编码效率。
启用Emmet插件
Sublime Text 3及以上版本默认已集成Emmet，无需额外安装。若未生效，可通过以下方式确认：- 打开命令面板（Ctrl+Shift+P），输入“Install Package”并回车
- 搜索“Emmet”并安装，重启编辑器即可
常用HTML标签快速输入示例
在HTML文件中输入简写后，按Tab键即可展开为完整标签：- ! → 生成HTML5文档基本结构（html:5）
- html:5 → 标准HTML5骨架
- div.container →
- ul>li*5 → 无序列表包含5个列表项
- a[href="#"]{点击这里} → 带属性和文本的链接
- input[type="text"]+input[type="submit"] → 两个表单元素并列
嵌套与结构化编写技巧
Emmet支持层级关系的快速构建：- header>nav>ul>li*3>a：快速创建导航菜单结构
- section.article>h2+p*2：生成带标题和两段文字的内容区块
- table>tr*3>td*4：创建3行4列的表格
熟练掌握Emmet语法后，编写HTML页面速度明显提升。建议多加练习常见缩写，结合Tab键快速扩展，让开发更高效。基本上就这些，不复杂但容易忽略细节。
