使用EMMET中的小坑

本文介绍在使用EMMET编写HTML过程中遇到的一个小问题:当在属性名与等号之间存在空格时,会自动生成多余的双引号。文章通过具体示例展示了如何避免这一问题,并讨论了其他可能的情况。

 

使用EMMET写HTML的时候,是一个非常爽的事情。但是今天我使用时,发现一个小坑。以前倒也没有注意,不过需要非常的小心。

 

 form[action="/process" method ="POST"]>input 

执行之后的效果:

<form action="/process" method="" ="POST"><input type="text"></form>

奇怪,怎么method自动增加了一个“”。仔细观察一下:

在"method"的后面有一个空格。去掉,立刻就正常了。

那如果空格不再【】之内的属性中,在>、^、 .关键字之前后呢?

1.在>关键字之前

 form[action="/process" mesthod="POST"] >input 

2.在>关键字之后

 form[action="/process" mesthod="POST"]> input 

 . 与^关键字类似。

那代码的最后的有空格呢?

form[action="/process" mesthod="POST"]>input  不会自动转换

还有些小情况,大家可以自己分享一下,提高编码的效率。

 

转载于:https://www.cnblogs.com/macoco/p/5464689.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值