本篇是介绍来自于 HTML Bundle 的快捷键
1. 产生 HTML 注释 <!-- -->，用 command+/，这与多数 IDE 产生注释的方式是一样的。而要产生多行的注释就用 option+command+/，如：
<!--
-->
如果选择文本后按 command+/ 或 option+command+/ 的效果分别是：
<!-- should get
multi-line comments -->
和
<!--
should get
multi-line comments
-->
⇥ 表示 tab 键，例如应用代码片断的时候，如输入 head，后 tab 键，有多个同名片断时，数字选择就得到完整的代码版断。
2. 插入 html 标签， ctrl+shift+<, 即 Insert Open/Close Tag
输入 html，然后按 ctrl+shift+<, 变为 <html></html>
输入 a id="abc"，选择上 a id="abc"，就变为 <a id="abc"></a>
3. 包裹上标签，ctol+shift+w，即 Wrap Selection in Open/Close Tag，效果是：
直接按 ctrl+shift+< 和 ctrl+shift+w，的效果是一样的，得到 <p></p>，改前面 p 为 head，就变成 <head></head>
输入 hello 并选择上 hello，然后 ctrl+shift+w 就得到 <p>hello</p>，改前面的 p 为 div，就变成 <div>hello</div>
4. 自动加上闭合标签，option+command+. 如：
输入 <body>this is body part，然后按 option+command+. 就变为 <body>this is body part</body>
5. 同时为每行包裹上标签，ctrl+command+shift+w,如：
输入
this is line #1
this is line #2
然后按 ctrl+command+shift+w，变成：
<li>this is line #1</li>
<li>this is line #2</li>
再改第一个 li 为 div 就成了：
<div>this is line #1</div>
<div>this is line #2</div>
6. 为选定文本包上链接，ctrl+shift+l，如：
输入 unmi，然后按 ctrl+shift+l，变为：<a href="http://example.com/">unmi</a>，如果剪贴板中有内容，可能被用作 href 属性值。
7. ctrl+h 打开相应标签的帮助窗口，ctrl+shift+h （tidy)，可用于查看以消除警告窗口，ctrl+shift+v，进行 html 校验。能够根据你的 doctype 来检验 html4 或 html5 等。
8. 使用代码片断(snippets)，option+esc 和 tab 键
option+esc 列出所有的片断名来选择，显示了片断名后还得用 tab 来展开
如输入 doctype，然后按 tab, 存在多个时要再次选择一下，就会展开它的完整代码，若只有一个时直接展开，例如这里可输入 3，便得到：
|
1 2 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
9. 在浏览器上刷新预览，command+r，先在浏览器中打开了该 html 文档，改动了只要按下 command+r 便能在浏览器中看到效果。
10. 输入嵌入服务器端代码的标记，轮翻按 ctrl+shift+>，会轮换着的显示 <%= %>、<% %>、<%- -%>、<%# %>，好像都是给 ASPX 准备着的。
11. 插入或转换选择的字符为 entity 的快捷键是 command+shift+&，会有下一级选项的。还包括 URL 编码或解码，或显示窗口选择 entity。
12. 快捷输入 <br> 用 ctrl+回车 ，输入 用 option+空格
13. 斜体和粗体的快捷键分别是 command+i 和 command+b，如，先选中输入的 abc 分别按 command+i 和 command+b 后变成：
<em>abc</em> 和 <strong>abc</strong>
14. 还有一个很强劲的属性的快捷键 option+esc，就像 Eclipse 中 alt+/，或 ctrl+空格。这一快捷键前面有提到，但这里的用处稍有不同，例如：
当光标停在输入的 <a> 里 a 与 > 之间时(光标与 a 之间有无空格没关系，会自动加上的)，按 option+esc 后提示出 a 标记的所有可选的属性出来，像 id、class、name、onclick 等，前十个可用数字键直接选择，后面滚动选择。
有了这功能可让你很清楚每一个 html 标签有些属性可以，这也是让我觉得 TextMate 比 EditPlus 强大许多的地方。
15. 其他的就是用过的尽量记住那些 snippets 代码片断吧，像我还装了 HTML5 的 Bundle，输入 video，然后 tab，就出现：
<video src="http://www.url.mp4" autoplay="false" controls="true" height="" width="">
your browser does not support the video tag
</video>
本文链接 https://yanbin.blog/textmate-html-shortcuts/, 来自 隔叶黄莺 Yanbin Blog
[版权声明] 
本文采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可。