Emmet-加速開發者編碼速度
Emmet是透過縮寫的方式，加快編碼的速度，同時解決編譯器常出現的打字錯誤。

1. HTML的語法
   div>a>img + Tab 鍵

<div><a href=""><img src="" alt=""></a></div>

2. div+h1+p + Tab 鍵

<div></div>
 <h1></h1>
 <p></p>

3.dic.manu + Tab 鍵

<dic class="manu"></dic>

4.div>ul>li*3 + Tab 鍵

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

CSS的語法

1. m0-auto + Tab 鍵

.menu{
    margin: 0 auto;
}

2. pl20 + Tab 鍵

hi{
    padding-left: 20px;
}

3.p10-20 + Tab 鍵

hi{
   padding: 10px 20px;
}

這些都是基礎的Emmet語法，老實說的確是有加快編碼的過程，因為不用全部手打，但要達到這個過程，必須去記一些單字和Emmet語法。

參考：Emmet語法