emmet-vim で階層表記
#04 階層的な要素を表現してみよう
http://dotinstall.com/lessons/basic_emmet/25104
を参考に階層表記を学習
> は子要素を示す
ul>li
なら
<ul>
<li></li>
</ul>
となる
ちなみに、emmet-vim では
ul
だけでも同じになる
＋は隣接要素
div+div+div>p
で
Ctrl+y の後 , とすれば
<div></div>
<div></div>
<div>
<p></p>
</div>
となる
＋を使うことで
div div div と３つ並ぶことになる
^ は階層を１つ上に上がる
例えば ul>li の階層の上に div にしたいのなら
ul>li^divとする
これで Ctrl +y の後 , とすれば
<ul>
<li></li>
</ul>
<div></div>
となる
複雑な階層のもの、例えばjQuery Mobile などの
ようなものを作るときには使えると思う