Brackets + Emmetを使い始めたので、記述法のメモ。
HTMLで大量の連番要素を並べたページを作るときなど便利。
| 記号 | 意味 |
|---|---|
| Tab | 展開(実行) |
| > | 子要素を追加 |
| + | 兄弟要素を追加 |
| ^ | 一つ上の要素を追加 |
| * | 複数作成 |
| $ | 連番（複数記述で0埋め） |
| @ | 連番の開始番号 |
| () | グループ化 |
| {} | 要素の中身を追加 |
| [] | 属性の後に=で値を追加 |
| . | classセレクタ |
| # | IDセレクタ |
例）
index.html
(div.wrapper>>div.inner>a[href=images/photo/photo$$$$$.jpg][title=photo$$$$$]>img[src=images/photo/booth/booth$$$$$.jpg][alt=photo]^br+{テキスト})*6