Emmet/Zen コーディングのクイック スタート手順_html/css_WEB-ITnose

クイックリファレンス

サポートされている機能は次のとおりです:

# id属性を作成します クラス属性を作成します [] カスタム属性を作成します >要素タグまたはグループに作用し、続いて子要素タグまたはグループを展開します。CSSセレクターを参照してください +要素タグに作用しますまたはグループを展開してから、兄弟要素のラベルまたはグループを展開し、CSS セレクターを参照してください ^ 要素のラベルまたはグループに作用し、次の要素のラベルまたはグループが前のレベルに上がります * 要素のタグまたはグループに作用し、繰り返しの数を拡張し、その後に数値を付けます。 $ コピーのシリアル番号を表す * とともに使用されます $$ シリアル番号のプレースホルダー、0 で埋められます {} テキストとして展開します()ラベルグループをグループとして扱い、ネスト可能です。

ele	HTML要素タグを作成します
	Act要素タグの s、展開
	ラベルは複数のクラス属性に関連付けることができます
	要素タグに作用し、HTML 要素タグの属性を拡張します。標準以外の属性名を使用でき、CSS セレクターと同じ方法で記述されます。
子要素を作成します
兄弟要素を作成します
上に登ります
は要素の乗算です。同じものを n 回作成します。
は、増分番号に置き換えられます
は、パディング付きの数字に使用されます
要素内にテキストを作成します
グループとして

ID およびクラス属性: #and.

<!-- Type this -->div#contentRegion.address<!-- Creates this --><div id="contentRegion" class="address"></div>

カスタム属性: []

<!-- Type this -->div[title]<!-- Creates this --><div title=""></div>

属性値も含めることができます

<!-- Type this -->input[placeholder="Name" type="text"]<!-- Creates this --><input type="text" value="" placeholder="Name" />

サブグループ:> ;

れー

お兄さんグループ:+

<!-- Type this -->div#menu>span.item[title]<!-- Creates this --><div id="menu">    <span class="item" title=""></span></div>

クライム:^

<!-- Type this -->footer>div>a+input<!-- Creates this --><footer>    <div>        <a href=""></a>        <input type value="" />    </div></footer>

繰り返し回数:*

<!-- Type this -->footer>div>a+input^p<!-- Creates this --><footer>    <div>        <a href=""></a>        <input type value="" />    </div>    <p></p></footer>

繰り返し回数:$

<!-- Type this -->ul>li*4>span<!-- Creates this --><ul>    <li><span></span></li>    <li><span></span></li>    <li><span></span></li>    <li><span></span></li></ul>

テキスト:{}

rree

グループ:()

うーん