基本操作
文章入力後にカーソルを行末に置いたまま、,（Ctrl+yのあとカンマ）を押す。
詳しい記法はzencodingのページを参照。
div>ul>li
↓
<div>
<ul>
<li></li>
</ul>
</div>
div>ul>li*3
↓
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
p+a+p
↓
<p></p>
<a href=""></a>
<p></p>
idやクラス指定も可能
div#head+div.class+dive#id.class1.class2.class3
↓
<div id="head"></div>
<div class="class"></div>
<dive id="id" class="class1 class2 class3"></dive>
参考
emmet-vimの使い方
[技術][Vim]Vimmerなプログラマは迷わずZen-Codingしろ！
zen-coding - ZenHTMLElementsEn.wiki