日报1127

最新推荐文章于 2021-05-15 09:48:48 发布

c0120_

最新推荐文章于 2021-05-15 09:48:48 发布

阅读量78

点赞数

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/weixin_51756451/article/details/110409164

版权

HTML 专栏收录该内容

11 篇文章

订阅专栏

"Emmet是一款强大的HTML和CSS编码辅助工具，通过简洁的语法快速生成复杂的HTML结构。例如，使用`p*8`可以生成8个P标签，`div>a`创建一个包含a标签的div，`div>ul>li*3`构建一个包含三个li的ul列表。此外，Emmet还支持添加属性（如`a[target=_blank]`生成target为_blank的a标签），计数器（`div{$}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

emmet语法

快捷生成HTML骨架

生成一个标签

标签名

生成多个标签

标签名*数字

例子

生成八个P标签
P*8

父子关系

父标签>子标签

例子

生成div标签包裹a标签
div>a

一个夫亲多个儿子

父标签>子标签*数字

例子

div标签下有3个a标签
div>a*3

生成兄弟标签

兄弟1+兄弟2

带孩兄弟

（兄弟1>孩子）+（兄弟2>孩子）

有id属性的标签

标签#id名称

例子

生成id为one的p标签
p#one

有类属性的标签

标签.类名称

例子

生成类名为noe的p标签
p.one

生成多个标签具有同样类

标签.类名*数量

例子

生成6个类名为one的div标签
div.one*6

生成的标签带内容

标签{内容}

例子

生成div标签，包裹的内容你好
div{你好}

计数器

标签{$}*数量

例子

生成10个div标签，包裹计数值
div{$}*10

内容与计数器的混排

标签{内容$内容}*数量

例子

生成6个div，包裹内容，统计计数值
div{第$个盒子}*6

指定标签的属性

标签[属性名=属性值]

例子

生成一个a标签，指定target属性值为_blank
a[target=_blank]

生成一个img标签，让它的title等于天空
img[title=天空]