vscode使用emmet语法
1 html:5
新建文档，输入html:5 然后摁下Tab键，即可创建如下的html5基本结构：
Document
也可以先输入!然后摁快捷键Tab，同样可以快速创建html5文档
2 简写规则
Emmet语法直接简写，常用的简写规则如下：
| 简写（然后使用Tab键） | 描述 |
|---|---|
| E | E代表html标签，即直接写标签名+Tab键就快速创建标签 |
| E#id | 快速创建带id属性的标签 |
| E.class | 快速创建带class属性的标签 |
| E[attr=foo] | 快速创建某个特定属性的标签 |
| E{FOO} | 快速创建包含内容foo的标签 |
| E>N | 快速创建父子结构，N是E的子元素 |
| E+N | 快速创建兄弟结构，N是E的同级元素 |
| E^N | N是E的上级元素，通常搭配E>N来使用 |
| E*N | 快速创建N个的E标签，N代表数字 |
| E$*N | 快速创建N个带自动编号的的E元素 |
| E>lorem | 在E元素中随机添加文本 |
| E*N>M | 等用于（E>M）*N，快速创建N个父子结构 |
eg:
li*3>a
创建如下结构
div#item$.class$$*3
创建如下结构
ul>li{$}*6
创建如下结构
- 1
- 2
- 3
- 4
- 5
- 6
table>thead>tr>td5^^tbody>tr>td5
创建如下结构