WebStorm快速输入
下文+tab表示光标输入内容后按tab键,每个示例可以相互组合使用
一、快速输入标签
(一)快速输入基本标签
div+tab
<div></div>
(二)快速输入带内容标签
p{这是内容}
<p>这是内容</p>
(三)快速输入多个标签
span+p+tab
<span></span>
<p></p>
(四)快速输入嵌套标签
ul>li+tab
<ul>
<li></li>
</ul>
二、快速输入标签带属性
(一)快速输入带类名标签
div.class_name+tab
<div class="class_name"></div>
(二)快速输入带ID标签
div#id_name+tab
<div id="id_name"></div>
(三)快速输入带属性标签
img[src=“logo.png”,alt=""]+tab
<img src="logo.png" alt="">
三、批量生成
(一)批量生成标签
div*2+tab
<div></div>
<div></div>
(二)批量生成嵌套标签
ul*2>li*2
<ul>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
</ul>