emmet语法

本文介绍了如何利用Emmet语法在编辑器中快速生成HTML标签,包括带ID、类的标签,同级和子级标签的生成,以及嵌套标签和顺序内容的创建,大大提高了HTML编写效率。
摘要由CSDN通过智能技术生成

HTML的快速生成嵌套标签

emmet语法,现在大多数编辑器都支持该语法,不支持的下载该插件安装就行

  • 生成简单的HTML页面
    !/html5
  • 生成标签
    直接输入标签名
    -生成含有id的标签
    div#div_1
    表示生成div标签且ID为div_1
  • 生成含有类的标签
    div.div_1
    表示城市带有类div_1的div
  • 生成标签5
    div
    5
    生成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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值