1.emmet語法

要產生相同的連續的內容，如下圖所示：

為了減少程式碼量，可以使用emmet語法。

li.item$*5>a[href=#]>img[src=images/adimg_0$.jpg]

按住Tab鍵之後生成程式碼：

                <li class="item1"><a href="#"><img src="images/adimg_01.jpg" alt=""></a></li>
                <li class="item2"><a href="#"><
 
img src="images/adimg_02.jpg" alt=""></a></li>
                <li class="item3"><a href="#"><img src="images/adimg_03.jpg" alt=""></a></li>
                <li class="item4"><a href="#"><img src="images/adimg_04.jpg" alt=""></a></li>
                <
 
li class="item5"><a href="#"><img src="images/adimg_05.jpg" alt=""></a></li>

2.標準盒模型，怪異盒模型