生成結構的快捷鍵：！+tab生成html5的結構**
生成id名和類名
標籤名.類名/#id名 + tab
沒有標籤名.類名 + tab
è直接就是預設生成div
生成同級元素
標籤名 + 標籤名 + 標籤名 「+」 tab
生成子類標籤
標籤名》子標籤名》子標籤名》子標籤名 + tab
標籤名》子標籤名》子標籤名》子標籤名》^^子標籤名（如果不寫^這個子標籤就是父子級的關係，如果寫了就是同級關係，其實「^」就是往上走一級的意思） + tab
帶固定數量的標籤
ul>li*5 + tab
帶有序號名稱
ul>li.abc$*3 + tab
生成帶有內容的標籤
ul>li>a*5 + tab
css簡寫
width:30px
èw30 + tab
height:30px
èh30 + tab
margin:30px
èmg30 + tab
padding:30px
èpd30 + tab
line-height:12px
èlh12px + tab;
background
èbg + tab
Emmet語法規則
id指令 class指令 div test div id test div div.test div class test div 子節點指令 兄弟節點指令 上級節點 重複 分組 div ul li a div p 3 div ul li a href a li ul div p p p p p p...
vscode使用emmet語法
新建文件，輸入html 5 然後摁下tab鍵，即可建立如下的html5基本結構 也可以先輸入 然後摁快捷鍵tab，同樣可以快速建立html5文件 emmet語法直接簡寫，常用的簡寫規則如下 簡寫 然後使用tab鍵 描述e e代表html標籤，即直接寫標籤名 tab鍵就快速建立標籤 e id 快速建立...
Emmet語法快速生成結構語法 vscode
html部分 1.生成標籤直接輸入標籤名按tab鍵即可，比如div然後tab鍵，就可以生成 輸入 可以生成如下 en 2.如果想要生成多個相同標籤，加上 就可以了 eg 3.如果有父子級關係的標籤，就可以用 eg 4.如果有兄弟關係的標籤，用 就可以了 eg 5.如果生成帶有類名或者id名字的，直接...