<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" width="40px" /> ファストス
</aside>
HTMLやCSSを省略して記述することができるツールです。
Emmet - the essential toolkit for web-developers
エディターによってはEmmetの記法が標準でサポートされていると思います。
省略記法を習得すればコーディング時間を削減できるので少しづつ覚えていきましょう！
※後述していく際にエディターを利用しますが、VS Codeを利用して実施していきます。
まずはHTMLの書き方について記述していきます。
divタグの展開をしたい場合
展開前