HTML快速生成标签

写好生成代码后光标在代码最后按 tab键 生成标签

可使用的符号有

• " + "：生成同一层次的标签
• " > "：生成层次内的标签
• " ^ "：生成层此外的标签
• " * "：生成多个标签

ul>li*3

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

若使用“+”，加的div会在上层内

div>p*3+div

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

若使用“^”，div会在上层外

div>p*3^div

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

• " # "：添加id
• " . "：添加class
• " [] "：添加自定义属性
• " $ "：代表数字（变换id）
• " {} "：添加标签内容

名称放在符号后，多种符号可以嵌套使用

嵌套关系，ul有id，li的id自增

ul#uid>li#lid$*3

<ul id="uid">
    <li id="lid1"></li>
    <li id="lid2"></li>
    <li id="lid3"></li>
</ul>

嵌套关系，ul有class，li的class相同

ul.uCl>li.lCl*3

<ul class="uCl">
    <li class="lCl"></li>
    <li class="lCl"></li>
    <li class="lCl"></li>
</ul>

嵌套关系，ul有id，两个class，li有自增id和两个class

ul#uid.uCl1.uCl2>li#lid$.lCl1.lCl2*3

<ul id="uid" class="uCl1 uCl2">
    <li id="lid1" class="lCl1 lCl2"></li>
    <li id="lid2" class="lCl1 lCl2"></li>
    <li id="lid3" class="lCl1 lCl2"></li>
</ul>

自定义属性

ul[a][b]>li[c][d]*3

<ul a="" b="">
    <li c="" d=""></li>
    <li c="" d=""></li>
    <li c="" d=""></li>
</ul>

可自增的内容

div#vid.vCl>p#pid$.pCl{item$}*3

<div id="vid" class="vCl">
    <p id="pid1" class="pCl">item1</p>
    <p id="pid2" class="pCl">item2</p>
    <p id="pid3" class="pCl">item3</p>
</div>