安装 Emmet 也有快速生成文件头的功能啊,而且更强大啊
输入下边加粗的缩写,然后Tab,就OK了啊
http://docs.emmet.io/cheat-sheet/
html:4t
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
lang="${lang}"
http-equiv="Content-Type"content="text/html;charset=${charset}"
Document
${child}
html:4s
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
lang="${lang}"
http-equiv="Content-Type"content="text/html;charset=${charset}"
Document
${child}
html:xt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}"
http-equiv="Content-Type"content="text/html;charset=${charset}"
${child}
html:xs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
xmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}"
http-equiv="Content-Type"content="text/html;charset=${charset}"
Document
${child}
html:xxs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
xmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}"
http-equiv="Content-Type"content="text/html;charset=${charset}"
Document
${child}
html:5
<!doctype html>
lang="${lang}"
charset="${charset}"
Document
${child}
例如,输入如下内容:
ul#nav>li.item$*4>a{Item $}
Emmet会帮助你生成如下的代码片段:
<ul id="nav">
<li class="item1"><a href="">Item 1</a></li>
<li class="item2"><a href="">Item 2</a></li>
<li class="item3"><a href="">Item 3</a></li>
<li class="item4"><a href="">Item 4</a></li>
</ul>
Emmet 作为插件可以支持如下的编辑器:
- Eclipse/Aptana
- Sublime Text 2
- TextMate 1.x
- Coda 1.6 and 2.x
- Espresso
- Komodo Edit/IDE
- Notepad++
- PSPad
- <textarea>
- CodeMirror2