更新日：
Emmetのショートカット
Brackets上でEmmetを使ってます。
が、忘れがちなのでよく使うショートカットだけを一覧にしておきます。
| Ctrl+Shift+K | ： | タグの削除（前後共） |
| Ctrl+Shift+A | ： | 選択範囲をタグで囲む |
| Ctrl+Shift+T | ： | タグのペアを確認 |
| Ctrl+/ | ： | コメント化 |
| Tab | ： | Emmet記述の展開 |
| Ctrl+Alt+Enter | ： | Emmet記述の展開 |
| Ctrl+Shift+M | ： | 改行とタブを消去して、一行化する |
| Ctrl+Alt+←or→ | ： | 次の（前の）入力箇所へ移動 |
※Emmetでは「Ctrl+Shift+L」「1行選択」というのが以前はありましたが、いつの間にかなくなってしまった。Bracketsの「Ctrl＋L」が1行選択ですが、これよりもEmmetの方が使いやすかったんですがー。
Brackets用Emmetのスクリーンショット
Emmetは、Bracketsだけでなく、SublimeText3、Notepad++、Mery、AdobeDreamweaver、VisualStudioCodeなど多くのエディターでプラグインとして使用されています。
すべてのエディター上でまったく同じショートカットということはありません。
これはBrackets上のEmmetのショートカットです。
Emmetの記述方法
くわしい記述法は、検索したらたくさん見つかるので、ここでは自分が使うだろう記法をメモ程度に書き残しておく。
| table | table>(tr>td*3)*10 | td×数、(tr>td)×数、算数ですね。テーブル作成時に活躍します。コピペで作るよりずっと簡単で早いです。楽です。 |
| class | p.minititle .wakudash span.haikeiao |
. だけだと自動的にdivになります。それ以外を使いたい時は手入力。 . の後ろがクラス名になります。 |
| list | ul>li*3>ol*5 | リスト作成時、Emmet記法を使った方が楽です。特に入れ子状態になったようなリストだと楽さが違いますね。 |
| html | ! | ページを作る時の大枠の構造ですね。これはHTML5ですが、これ以外にも各種あります。 |