Emmet插件可快速生成HTML5结构：先通过Package Control安装，再输入!或html:5按Tab展开标准模板，支持自定义缩写myhtml5及优化Tab触发设置。
如果您在 Sublime Text 中编写 HTML5 代码时希望快速生成标准文档结构及常用标签，Emmet 插件可大幅缩短手动输入时间。以下是启用并使用 Emmet 实现 HTML5 快捷生成的具体步骤：
一、安装 Emmet 插件
Emmet 是 Sublime Text 的核心增强插件，需先通过 Package Control 安装才能使用缩写功能。安装后，HTML 文件中输入缩写并按 Tab 键即可展开为完整结构。
1、按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS）打开命令面板。
2、输入 Install Package，回车确认。
立即学习“前端免费学习笔记（深入）”；
3、在弹出的包列表中输入 Emmet，选择并回车安装。
4、安装完成后，重启 Sublime Text 或新建一个 .html 文件以激活 Emmet 支持。
二、输入 ! 生成 HTML5 文档结构
Emmet 将 ! 预设为 HTML5 文档模板缩写，适用于新文件初始化，自动包含 doctype、html、head、meta、title 和 body 标签。
1、新建空白文件，将语法模式设为 HTML（右下角点击当前语法名 → 选择 HTML）。
2、在编辑区首行输入 !。
3、按下 Tab 键，立即展开为完整 HTML5 基础结构。
三、使用 html:5 缩写替代 !
部分 Sublime Text 版本或 Emmet 配置中，html:5 是更明确的 HTML5 模板指令，与 ! 功能等效，但语义更清晰，兼容性更强。
1、确保光标位于空行且文件语法为 HTML。
2、输入 html:5。
3、按下 Tab 键，生成含 charset=utf-8、viewport meta 及 title 占位符的标准 HTML5 结构。
四、自定义 HTML5 模板缩写
若默认模板不满足项目需求（如需添加 CDN 脚本、CSS 引用或特定 class），可通过用户片段（Snippets）扩展 Emmet 行为，创建专属缩写如 myhtml5。
1、点击菜单栏 Tools → Developer → New Snippet…。
2、替换默认内容为以下 XML 片段：
${2:}
]]>
3、保存为 Packages/User/myhtml5.sublime-snippet。
4、在 HTML 文件中输入 myhtml5 后按 Tab，即可插入自定义结构。
五、启用实时预览与 Tab 触发优化
默认情况下 Emmet 使用 Tab 展开缩写，但若 Tab 被其他插件占用或未响应，需检查键绑定设置并确保 Emmet 的作用域正确匹配 HTML 文件类型。
1、进入 Preferences → Package Settings → Emmet → Settings。
2、确认配置中存在 "syntax_scopes": {"html": "text.html"} 类似条目。
3、打开 Preferences → Key Bindings，检查是否有冲突的 Tab 绑定；如有，删除或注释对应行。
4、新建 HTML 文件，输入 div.container>ul>li*3，按 Tab 验证嵌套与重复功能是否正常生效。
