sublime快速生成html标签(emmet语法)

发表于 |

sublime快速生成html标签、Vscode快速生成html标签、Atom快速生成标签、

安装完emmet插件的编辑器都可以用不光是sublime,Vscode、Atom、···都可以用。

html

1
所有`输入`输完之后都需要按下`tab`触发。

1.创建标准页面

创建标准xhtml页面。

1
输入： html:xxs

创建标准html5页面

1
输入：! / html:5

2.创建html标记

输入任何标记、双标记按下tab出现正常标签对

1
输入：style

3.创建html标签含Id、多个类名的标记

创建格式和css选择器命名方式一致

1
例如：id #id class .class

4.创建html示例

创建Id名为box的div标记

1
输入： div#box

创建类名为box的div标记

1
输入： div.box

同时创建两个div标记 Id为box 类名为box2

1
输入：div#box+div.box2

创建两个div标记 Id为box 包含 类名为box

1
输入：div#box>div.box

创建Id为box的标记包含两个类名为box2的标记

1
输入：div#box>div.box2

同时创建2个div并且给它包含2个类名 aa bb，它里面有两个类名为box的div。

1
输入：div.aa.bb*2>div.box2*2

同时创建2个div并且给它2个类名 aa bb，它里面包含box2、box3两个div标记。

1
输入：div.aa.bb*2>div.box2+div.box3

创建5个div类名为box、内容为1-5

1
输入：div.box{$}5

创建5个div类名为box1-5

1
输入：div.box$*5

创建1个div类名为box，内容为’Hellow world!’

1
输入：div.box{Hellow world!}

0%