先看这三件事：文件语法必须是HTML、光标在空行开头且无前置空格、缩写全小写无多余符号；若仍不生效，按Ctrl+Shift+P运行Emmet: Enable Languages检查HTML是否启用。
输入 ! 或 html:5 按 Tab 没反应？先看这三件事
最常见的情况不是插件没装，而是触发条件没满足。Sublime Text 的 Emmet 缩写只在特定上下文生效，缺一不可：
- 当前文件语法必须是
HTML（右下角显示“HTML”，不是“Plain Text”或“HTML (Twig)”） - 光标必须位于空行开头，不能有空格或制表符前置
- 缩写必须全小写、无多余符号：
!可以，!（带空格）或HTML:5（大写）都不行
如果确认都对但还是不展开，按 Ctrl+Shift+P 输入 Emmet: Enable Languages，检查 HTML 是否已勾选。
html:5 和 ! 生成的内容有啥区别？
两者在绝大多数 Sublime Text + Emmet 环境中等效，都输出标准 HTML5 结构，但细节上略有不同：
-
!是 Emmet 内置最短缩写，语义隐含为 “HTML5 文档类型”，兼容性极强，老版本也认 -
html:5更明确，显式声明 HTML5，部分自定义 Emmet 配置中可能被重映射，适合团队统一规范 - 生成内容基本一致：都含
<!DOCTYPE html>、<html lang="en">、<meta charset="UTF-8">、<meta name="viewport">和<title></title>占位符，光标默认落在<title>标签内
不用纠结选哪个，! 更快，html:5 更易读——按习惯用就行。
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
想加 CDN、自定义 class 或中文 lang 属性？别改 Emmet，用 snippet
Emmet 的 html:5 是通用模板，硬改配置风险高且不易同步。真正灵活又安全的做法是新建一个用户 snippet：
- 菜单栏 →
Tools → Developer → New Snippet… - 替换内容为（示例：带 Bootstrap CDN 和
lang="zh-CN"）：
<snippet>
<content><!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>$1</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
$2
</body>
</html></content>
<tabTrigger>myhtml5</tabTrigger>
<scope>text.html.basic</scope>
</snippet>
保存为 Packages/User/myhtml5.sublime-snippet，之后在 HTML 文件里输 myhtml5 + Tab 就能插入。注意 <scope> 必须写 text.html.basic，否则在 Vue 或 JSX 文件里也会误触发。
为什么新建 .html 文件后自动插入的结构不带 charset 或 viewport？
这是因为 Sublime Text 自带的 html 片段（非 Emmet）只生成最小合法骨架：<html><head></head><body></body></html>，它不含任何 meta 标签。
- 这个片段由
Insert Snippet → HTML → html触发，和 Emmet 无关 - 它不依赖插件，但也不更新——你看到的是 Sublime Text 早期内置模板，2026 年仍没变
- 所以别指望靠它写现代 HTML5 页面；要么用 Emmet 的
!，要么自己建 snippet
真正容易被忽略的是：很多人反复试 html + Tab 失败后，误以为 Emmet 没装好，其实只是用错了入口——那个 html 片段根本就不是 HTML5 模板。
