使用Emmet语法快速生成结构语法

一、使用Emmet快速生成HTML结构语法

(1)生成标签直接输入tab键即可 比如div 按下tab键,就可以直接生成<div></div>
在这里插入图片描述
在这里插入图片描述

(2)如果想要生成多个相同标签 加上*就可以了 比如div*3就可以快速生成3个div
在这里插入图片描述

(3)如果有父子级关系的标签,就可以用> 比如ui>li就可以了
在这里插入图片描述

(4)如果有兄弟关系的标签,用+就可以了 比如div+p
在这里插入图片描述

(5)如果生成带有类名或者id名字的,直接写.demo或者#two tab就可以了
在这里插入图片描述
如果需要修改包含的标签名称只需要在前面加上标签就可以了p.body
(6)如果生成的div类名是有序的,可以用自增符号$
在这里插入图片描述

(7)如果想要在生成标签的内部写内容可以用{}表示
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45054614/article/details/105935283