Visual Studio Code批量创建html标签

1,807 阅读1分钟

批量创建html标签

div --- 标签名.
$ --- 自增占位符。
*+数字--- 自增数量。
# --- 标签id。
. --- 标签类名。
> --- 子标签。
{} --- 标签内容。
[] --- 标签属性和值。
> --- 子元素。
+ --- 同级元素。
^ --- 上级元素。

1. div#father>span.son{子标签}^div.brather>ul>li*5{$列}^^div.img>image[src='./1.png']
<div id="father"><span class="son">子标签</span></div>
<div class="brather">
  <ul>
    <li>1列</li>
    <li>2列</li>
    <li>3列</li>
    <li>4列</li>
    <li>5列</li>
  </ul>
</div>
<div class="img">
  <image src="./1.png"></image>
</div>
2. h$*5#bg$>span{$级标题}
<h1 id="bg1"><span>1级标题</span></h1>
<h2 id="bg2"><span>2级标题</span></h2>
<h3 id="bg3"><span>3级标题</span></h3>
<h4 id="bg4"><span>4级标题</span></h4>
<h5 id="bg5"><span>5级标题</span></h5>