Visual Studio Code：Emmet記法によるidやclassまたはその他属性の指定方法

id指定

cssを記述するときのように「div#target」と入力すると、

<div id="target"></div>

と出力される。

class指定

cssを記述するときのように「div.container」と入力すると、

<div class="container"></div>

と出力される。

idとclassの指定

idとclassの両方を入力するときは「div#reset.btn.disabled」と入力すると、

<div id="reset" class="btn disabled"></div>

と出力されます。

［］による指定

属性値を指定したい場合は大括弧を使って、「a[title=”My site”]」と入力すると、

<a href="" title="My site"></a>

と出力されます。

また「div[data-id=”5″ title=”My site”]」のように属性値を２つ指定すると、

<div data-id="5" title="My site"></div>

と出力されます。

｛｝による指定

中括弧を使って「p{hello}」と入力すると、

<p>hello</p>

と出力されます。

情報源

#03 タグの属性を指定してみよう | Emmet入門

HTMLタグのidやclass、その他の属性を指定する方法について説明していきます。

dotinstall.com

書籍