HTML快写

<!-- div>ul>li*5 -->
<div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

<!-- div+li>li*3 -->
<div></div>
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>


<!-- ul>li>a^^div -->
<ul>
    <li><a href=""></a></li>
</ul>
<div></div>

<!-- div>ul>li>a^^^div -->
<div>
    <ul>
        <li><a href=""></a></li>
    </ul>
</div>
<div></div>


<!-- div>(p>span)*2 -->
<div>
    <p><span></span></p>
    <p><span></span></p>
</div>

<!-- 属性操作 -->
<!-- id和类：div#header+div.main+div#footer -->
<div id="header"></div>
<div class="main"></div>
<div id="footer"></div>

<!-- 属性值 -->
<!--a[title=test target=one]  -->
<a href="" title="test" target="one"></a>

<!-- 数列值 -->
<!-- p.num$*3 -->
<p class="num1"></p>
<p class="num2"></p>
<p class="num3"></p>

<!-- 使用两位数的数列值 -->
<!-- p.num$$*3 -->
<p class="num01"></p>
<p class="num02"></p>
<p class="num03"></p>

<!-- 字符操作 -->
a{one}
<a href="">one</a>