在Sublime Text中借助Emmet插件，开发者可以通过极短的缩写字符串迅速展开为完整的HTML5文档结构，不必再逐行手写头尾标签。这种方式尤其适合需要频繁新建页面的前端场景，能显著减少重复劳动。
一、Sublime中安装Emmet插件
要在Sublime里使用Emmet，第一步是通过包管理工具完成安装。Sublime本身不带Emmet，需要先装Package Control。打开命令面板（Windows按Ctrl+Shift+P，macOS按Cmd+Shift+P），输入“Install Package Control”并回车，等待底部状态栏提示安装完成。
装好Package Control后，再次唤起命令面板，输入“Package Control: Install Package”，在弹出的列表里搜索“Emmet”。选中回车，几秒后插件就嵌入编辑器。重启Sublime可使快捷键完全生效。安装后，在空白文件里输入缩写并按Tab键，就能看到标签被展开。
二、用Emmet生成HTML5基础骨架
Emmet为HTML5提供了极为简洁的入口缩写。最常用的是单个英文感叹号“!”，它代表一整套HTML5文档模板。在Sublime新建html文件，输入“!”后按Tab，编辑器会立即输出包含<!DOCTYPE html>、<html lang="zh-CN">、<meta charset="UTF-8">、视口标签以及空白<body>的结构。
下面是一段展开前后的对照示例。左侧是手打的缩写，右侧是Sublime按Tab后实际生成的代码。注意代码块里所有尖括号都做了转义，以符合文本展示要求。
<!-- 在Sublime中输入以下缩写并按Tab -->
!
<!-- 展开后得到的HTML5结构 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
如果希望默认语言改成中文，可手动改<html lang="en">为<html lang="zh-CN">，或借助Emmet配置修改模板。这种缩写比从收藏夹粘贴片段更灵活，也避免了版本错乱。
三、常用HTML5标签缩写写法
除了整体骨架，Emmet对具体标签也有缩写规则。比如写“header”加Tab会得到<header></header>；“nav”展开为<nav></nav>。带类的标签可用“标签名.类名”，如“section.box”展开为<section class="box"></section>。
嵌套关系用大于号表达，重复用星号。例如“ul>li*3”会生成含三个列表项的无序列表。结合HTML5语义标签，可快速拼出页面框架：
<!-- 输入缩写 -->
header>nav>ul>li*2
<!-- 展开结果 -->
<header>
<nav>
<ul>
<li></li>
<li></li>
</ul>
</nav>
</header>
这种写法让结构层级一目了然，比手动缩进省事很多。对于article、aside、footer等HTML5新标签，Emmet同样支持直接缩写展开。
四、提升效率的补充技巧
在Sublime中，Emmet的触发键默认是Tab，但若Tab被其他补全占用，可在按键绑定里改为Ctrl+E。另外，输入“link:css”可快速生成样式表引入标签，“script:src”则生成脚本引用，这对HTML5页面搭建很实用。
当缩写写错时，Sublime不会展开且状态栏可能闪提示。建议先在小文件练熟“!”、“标签.类”、“父>子*数”三类语法，再应用到真实项目。熟练后，原本两三分钟的骨架书写能压缩到几秒，且不易出现漏写闭合标签的低级错误。
五、注意事项与局限
Emmet生成的是静态结构文本，不会自动填入业务内容，也不校验语义是否合理。例如“table>tr*3>td*2”能造出表格，但是否该用<th>仍需人工判断。此外，部分旧版Sublime若未装Python环境，Emmet可能报错，需确认插件兼容。
总体而言，在Sublime里用Emmet缩写生成HTML5标签结构，是低成本高回报的编辑习惯。只要记住核心符号并配合Tab展开，日常排版效率就会有肉眼可见的提升。