これを展開するとHTML5のひな形が出来ます。設定ファイルを数文字書き換えるだけでjaにできます。transitionalはこうです。html:4tこれがやや覚えにくいのですが、IEが居る限り4.01と戦わざるを得ません。展開すると以下のようになります。transitionalにしたい場合は、html:xtです。個人的にはEmmetの真価はCSSにあると思ってます。複数行まとめて展開は出来ない基本的に-で繋がるプロパティ名は、頭文字を打てばOK先頭に-を打つと、ベンダープレフィックスを適切に入れてくれるです。慣れると、いちいちプロパティ名をフルで打つのがアホらしくなってきます。基本形EmmetのCSSの基本形は、こんな感じです。tac唐突すぎてわけがわかりませんね。頭文字をつないだ文字列になっています。他にも例を出していきます。12pt;このように、被るプロパティ名が多い頭文字は少し長めに打たないと行けないのですが、たかだか5文字程度です。省略してもpxを入れてくれるので数字だけ打てばOK。他の単位を利用したい場合、明示的に書いてあげればそちらが優先されます。上記の指定に+を組み合わせられるものがあります。backgroundなどを一括指定する場合に使うことが多いかと思います。#000;ベンダープレフィックスCSS3を使うのがやや億劫な理由の一つ、ベンダープレフィックスさんにもしっかり対応しています。値を一度に指定できます。ただでさえ捗るのに、さらに捗ります。必要な分だけプレフィックスを付けてくれます。アップデートをかけたほうが良さそうです。気にしているやEmmetが有効なタイミングも書いておきます。展開するときに、展開前のEmmetコードを残しておくこれはコーディングする際かなり重宝しています。展開前のEmmetコードを残しておくと、修正が非常に容易です。繰り返しのliタグの中身なんかを修正した際、いちいち修正後をコピーして、1行ずつ貼り付けなんてことをしなくて済みます。素のhtmlは、見ればわかるのに、やたらと行数を取ります。Emmetのコードとして1行で残いておいて、貼り付けて、展開とすると、管理もしやすいし、何よりかさばりません。した説明にhtmlやjsの話をチャットなどでしている時に、html構造やclass、idさえ伝われば良いのに、いちいちhtmlを書くのは冗長です。簡潔かつ要所を的確に伝えることができます。「nav>ul>li*3>a[href=#]だよー」と言った具合に。紹介がけっこう浅くなってしまいました。「こういうのないの!?」と思われたら、公式のチートシートを見てみて下さい。めちゃくちゃな数があります。要所要所見て覚えてみて下さい。formやinputタグ回りや、CSSの面白い省略記法などアリアリです。