sublime / vscode 快捷生成HTML代码的实现

文章目录

1.基本的html结构

2 .为div和类名生成快捷键

3 .带类名的div

4 .带id的div

5 .属性【】

6 .后代

7 .兄弟

8 .高级^

9 .乘法*

10 .文本{}

1、基本html结构

操作： 输入 !+Enter键

注意：这里有“！ 中选择光源族。 在按回车键之前，必须清空原始生成的基本结构

实现效果：

！ 文档类型html

html朗='恩'

头部

meta charset='UTF-8 '

元名称='视点'内容='宽度=设备宽度，初始比例=1.0 '

meta http-equiv=' x-ua -兼容'内容=' ie=边缘'

标题文档/标题

/head

主体

/body

/html

2、生成div加类名的快捷键

操作： 输入 div.listdiv.item_$*6

实现效果：

divclass='列表'

div类=' item _1'/div

div类=' item _2'/div

div类=' item _3'/div

div类=' item _4'/div

div类=' item _5'/div

div类=' item _6'/div

/div

3、带类名的div

操作： 输入 div.wrapper

实现效果：

磁盘=' wrapper '/div

4、带id的div

操作： div#wrapper

实现效果：

磁盘=' wrapper '/div

5、属性 []

美国职棒大联盟

跨度/跨度

操作： span[title=“test”]

实现效果：

6、后代

跨度/跨度/div

i/i

操作： 输入divspana

实现效果：

7、兄弟 +

ul美元

沥/沥

沥/沥

/ul

操作： div+p+span

实现效果：

8、上级 ^

div跨距文本/跨距/div