Emmet基础语法

#Emmet语法

1.对单个元素

1.1快速生成一个标签

标签名+tab：
效果图如下：

h1再按回车：
 <h1></h1>

1.2生成标签的id属性

*标签名+tab+#

h1#再·按回车
<h1 id=""></h1>

1.3生成标签的classs属性‘

标签名+tab+.

h1.再按回车：
<h1 class=""></h1>
h1.x再按tab键就是如下：
 <ha class="x"></ha>

1.4生成标签的其他属性

标签名+[属性】

img[alt],再按回车：
<img src="" alt="">

1.5生成多个单个元素

h1*3再按tab键 
<a href=""></a><a href=""></a><a href=""></a>

1.6生成标签的值

li{xx}再按tab键：
 <li>x</li>

2.对多个元素

2.1生成多个兄弟

a+h1+h2再按tab键
<a href=""></a>
     <h1></h1>
     <h2></h2>

2.2生成父子元素

每个元素用大于号括起来，就是哪个的子元素

ul>li>a再按tab键
<ul>
    <li><a href=""></a></li>
</ul>

2.3序号’@’和‘#’

ul>li.ix{[email protected]}*3再按tab键：
<ul>
    <li class="ix">as1</li>
    <li class="ix">as2</li>
    <li class="ix">as3</li>
</ul>

3.练习（生成一个5*8的表格）

table>caption{标题}+(thead>th>br>tr{表格头部}*5)+tbody>th>br*7>tr{单元格}*5 
再按tab键，这个答案仅供参考