====== Emmet ======

HTML、XML、XSL等を素早く編集できる、テキストエディタ用プラグイン。

VS Codeで標準でインストールされているのでいきなり使用するのみ。

[[https://docs.emmet.io/abbreviations/|Emmet Documentation]]

[[https://docs.emmet.io/cheat-sheet/|チートシート]]


| HTMLドキュメント  | 空のHTMLファイルを開いて、その先頭に「!」を記述し、［Tab］キーを押す                   |
| 要素          | 要素名をそのまま記述。div や a など                                    |
| 子要素         | div>p。<div>要素内に<p>要素を入れ込む。                               |
| 繰り返し        | li*3。<li>要素を3つ生成する。                                      |
| テキスト        | li*3{item}。<li>要素を3つ生成して、そのテキストを「item」とする。               |
| ナンバリング      | li*3{item $}。<li>要素を3つ生成して、そのテキストを「item 1」～「item 3」とする。  |
| ナンバリングの桁揃え  | li*3{item $$$}。                                          |
| IDの指定       | div#myid。                                                |
| クラスの指定      | ul>li*3.myclass。                                         |
| カスタム属性      | input[type="text"]。                                      |