Emmet HTMLを簡単に書けるエメット

エディタにはいろいろあるが

最近のおすすめは

VSCode

Emmetという補完機能が素晴らしい

!を入力してエンターキーを押すだけで

HTMLのひな形を一瞬で作れる

タグ名を途中まで打つと候補が出るので

選んでエンターキーで＜＞を打つ必要がない

適当な属性まで自動で入れてくれる

idは#、classは.

入れ子にする際にはA>B

 nav>ul#menu>li*3

綴り間違いの心配が減って

内容に集中できる

最近のエディタは本当に有難い