【html知识】快来围观Emmet(前身为Zen Coding)的语法,帮助你快速写HTML

ul#nav>(li*a[href=#]{导航项$})*导航项项数 然后按tab就可以生成

这实际上是Emmet(前身为Zen Coding)的语法,它允许开发者通过简短的缩写来快速生成HTML代码。Emmet在许多文本编辑器和IDE中都得到了支持,比如Sublime Text、Visual Studio Code、Atom等。

你给出的缩写 ul#nav>(li*a[href=#]{导航项$})*导航项项数 意思是:

  • ul#nav:创建一个id为navul元素。
  • >:子元素关系,即接下来要生成的元素会是ul的直接子元素。
  • li*a[href=#]{导航项$}:这是一个乘法操作,它告诉Emmet我们要创建多个li元素,每个li元素内部包含一个a元素,该a元素的href属性值为#,并且a元素的文本内容为“导航项”加上一个递增的数字(由$标记指示)。
  • *导航项项数:这是重复次数的乘法操作。假设导航项项数是3,那么上面的li*a[href=#]{导航项$}会被重复3次。

tab键后,如果导航项项数是3,你可能会得到以下HTML代码:

 
htm
  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天若有情673

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值