Emmet語法：

• 子代：>

div>ul.li 

回車之後

<div>
    <ul>
        <li></li>
    </ul>
</div>

• 兄弟：＋

• 父代：^

  div+div>p>span+em^bq
  
  

  Tab之後

<div></div>
<div>
<p><span></span><em></em></p>
<bloackquote></blockquote
 
>

• 重複：＊
• 成組：（）

(div>dl>(dt+dd)*3)+footer>p

Tab之後

<div>
    <dl>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
    </dl>
</div>
<footer
 
>
    <p></p>
</footer>

• ID:#
• CLASS: .

 div#header+div.page+div#footer.class1.class2.class3

Tab後

 <div id="header"></div>
 <div class="page"></div>
 <div id="footer" class="class1 class2 class3"></div>

• 屬性：［］

 <td[title="hello world!"
 
 colspan=3]

Tab之後

<td title="hello world!" colspan="3"></td>

注：空格新增多個屬性

舉例：

(div+p#test>span.test2.test3)*5+p[name="hello"]>div.test4^a*5

<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<p name="hello">
    <div class="test4"></div>
</p>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>

React 瀏覽器相容性
IE8以上