[PhpStorm/WebStorm] 使いたいEmmet記法が分からなかったら見るサイト

harada 23views 更新:2015年4月14日

Emmet記法が一覧で書いてあるのでとても便利ですね。
Emmet記法のチートシートhttp://docs.emmet.io/cheat-sheet/

divの場合は以下のようにクラス名だけを指定するだけで記述してくれるようです。

.class1
→<div class="class"></div>

aタグやstrongタグなどのインライン要素の下にクラス名を指定するとspanでくくってくれるようです。

a>.class_span
→<a href=""><span class="class_span"></span></a>
strong>.class
→<strong><span class="class"></span></strong>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません