HTML的快速生成嵌套标签
emmet语法,现在大多数编辑器都支持该语法,不支持的下载该插件安装就行
- 生成简单的HTML页面
!/html5 - 生成标签
直接输入标签名
-生成含有id的标签
div#div_1
表示生成div标签且ID为div_1 - 生成含有类的标签
div.div_1
表示城市带有类div_1的div - 生成标签5
div5
生成5个div标签 - 生成同级的不同ID或者不同类的标签
div#d1+div#d2
生成两个div,ID分别是d1和d2
div.d1+div.d2
生成连个div类分别是d1,d2 - 生成子标签
div.d1>div.d2
生成div,类d1,子标签div,类d2 - 生成多个子标签
div.d1>div>d2*5
结果
<divclass="d1">
<divclass="d2"></div>
<divclass="d2"></div>
<divclass="d2"></div>
<divclass="d2"></div>
<divclass="d2"></div>
</div>
- 生成多个嵌套标签
div.d1*5>div.d2