ツール
Emmet クイックリファレンス
Emmet クイックリファレンス の印刷用チートシート。すばやい参照、学習、机上利用向けに整理されています
サンプル
このチートシートの内容
- HTML 省略記法
- ネスト
- グループ化
- 乗算
- 番号付け
- 属性
- テキスト
- CSS 省略記法
要素のショートカット
div | <div></div> を作成 |
p | <p></p> を作成 |
h1 | <h1></h1> を作成 |
a | <a href=""></a> を作成 |
img | <img src="" alt=""> を作成 |
input | <input type="text"> を作成 |
btn | <button></button> を作成 |
link:css | CSS スタイルシートのリンクタグ |
HTML ボイラープレート
! → 完全な HTML5 ボイラープレート
doc → HTML5 doctype のみ
暗黙タグ
.class | <div class="class"> に展開 |
ul>.item | 子は <li class="item"> に展開 |
table>.row | 子は <tr class="row"> に展開 |
select>.opt | 子は <option class="opt"> に展開 |
すべてのセクションを含む印刷用チートシートをダウンロード
PDF をダウンロードダウンロード
