!和html:5均生成相同HTML5骨架，区别在于!更短、容错性高且不区分大小写，而html:5必须小写且末尾不能有空格；两者均需文件语法为HTML才生效。
Sublime Text 默认就支持 Emmet，不用额外装插件（只要用的是 ST3 或更新版本），但必须确保当前文件语法是 HTML，否则所有缩写都无效。
为什么 ! 和 html:5 都能生成骨架，但表现不同？
! 是 Emmet 内置的简写别名，等价于 html:5，两者展开结果完全一致：都输出带 、<code>、<meta charset="UTF-8">、<meta name="viewport"> 和空 <title></title> 的完整 HTML5 结构。
区别在于容错性：! 更短，也更不容易输错；而 html:5 对大小写敏感（必须小写），且末尾不能有空格。如果按 Tab 没反应，优先试 !。
-
!必须独占一行或前面只有空白字符，光标不能卡在单词中间 - 生成后光标默认落在
<title></title>标签内，方便立刻填标题 - 如果发现缺
<meta charset="UTF-8">，说明你用的是旧版 Emmet 或 snippet 被覆盖，不是默认行为
table、ul、div 这类标签缩写怎么写才不失败？
Emmet 不是拼词，而是靠符号定义结构关系。写错一个符号（比如把 > 写成空格，或多加一个 .）就会解析失败，报 “no matching abbreviation”。
立即学习“前端免费学习笔记（深入）”；
-
table>tr*3>td*4→ 3 行 × 4 列表格（*前不能有空格） -
ul>li.item$*5→ 5 个<li class="item1">到<li class="item5">（$是计数器，必须紧贴标签） -
div#app.container→<div id="app" class="container"></div>（#表 id，.表 class，无空格） -
header+main+footer→ 三个并列语义块（+表同级，>表嵌套）
所有缩写里不能含中文、全角标点、制表符，否则直接失效。
为什么有时按 Tab 没反应？几个硬性前提必须满足
不是插件坏了，90% 是以下某个条件没到位：
- 右下角状态栏显示的不是
HTML（可能是Plain Text、JavaScript，甚至HTML (Rails)；后者需手动启用 Emmet 支持） - 文件还没保存，扩展名不是
.html（.htm默认不识别，得在 Settings – Syntax Specific 里加"extensions": ["htm"]） - 缩写前面有非空白字符（比如你在写完
<p></p>后接着打span，然后按 Tab —— Emmet 不认） - 快捷键被其他插件劫持（如某些 Snippet 插件或 AutoFileName），可临时禁用测试，或改用
Ctrl+E强制触发
最稳的操作流：新建文件 → Ctrl+S 保存为 index.html → 确认右下角是 HTML → 换行 → 输入缩写 → Tab。
自定义 html 缩写或加 meta description 怎么做？
别改 Emmet 默认配置，直接建 Sublime 原生 snippet。它比改 Emmet 设置安全，也不会影响其他缩写。
路径：Tools → Developer → New Snippet…，填入：
<snippet> <content><![CDATA[ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="$1"> <title>$2</title> $3 ]]></content> <tabTrigger>html</tabTrigger> <scope>text.html.basic</scope> </snippet>
保存为 Packages/User/html.sublime-snippet。之后输入 html + Tab 就会展开你定制的结构。
注意：<scope></scope> 必须是 text.html.basic，写成 text.html 或留空都不生效；$1、$2 是光标跳位点，删掉会影响编辑流。
真正容易被忽略的点是 scope 匹配和文件后缀绑定——哪怕你写了完美 snippet，如果当前文件被识别为 HTML (Vue) 或 Plain Text，它根本不会触发。
