Emmet插件的快捷键

Emmet插件的快捷键

---

html:5+tab键，可以生成html标签。
!+tab键，也可以生成html标签。
=====================================================================
meta:utf + tab键，可以生成utf8的字符设置标签。
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
=====================================================================
meta:compat + tab键，可以生成兼容ie的标签。
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
=====================================================================
meta:vp + tab键，可以生成页面缩放的标签。
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,

maximum-scale=1.0, minimum-scale=1.0">
========================================================================
link:css + tab键，生成引入css文件的标签
<link rel="stylesheet" href="style.css">
==========================================================================
script:src + tab键，生成js标签
<script src=""></script>
===========================================================================
生成带类样式的标签：
p.info + tab键，生成p标签，类名字是info。
<p class="info"></p>

.red + tab键，生成div标签，类名字是red，div是默认标签，可以省略。
<div class="red"></div>
==================================================================
生成带Id样式的标签：
p#info + tab键，生成p标签，Id名字是info。
<p id="info"></p>
================================================================
生成同级兄弟标签，用加号：
h1.info+p.red + tab键。
<h1 class="info"></h1>
<p class="red"></p>
================================================================
生成后代标签，用>号：
ul>li + tab键
<ul>
<li></li>
</ul>
===================================================================
生成父级标签，用^号：
ul>li^span + tab键
<ul>
<li></li>
</ul>
<span></span>

===================================================================

生成标签时，生成文字：
a{php中文网}
<a href="">php中文网</a>
=======================================================
生成多个标签，用*号：
ul>li*3
<ul>
<li></li>
<li></li>
<li></li>
</ul>
=====================================================
添加标号或排序，用$符号，@符号：
示例一：
ul>li*3>span{第$个} + tab键
<ul>
<li><span>第1个</span></li>
<li><span>第2个</span></li>
<li><span>第3个</span></li>
</ul>

示例二（两位数字，不足两位补0）：
ul>li*3>span{第$$个} + tab键
<ul>
<li><span>第01个</span></li>
<li><span>第02个</span></li>
<li><span>第03个</span></li>
</ul>

示例三（倒序）：
ul>li*3>span{第$@-个} + tab键
<ul>
<li><span>第3个</span></li>
<li><span>第2个</span></li>
<li><span>第1个</span></li>
</ul>

示例四（指定开始值）：
ul>li*3>span{第$@100个} + tab键
<ul>
<li><span>第100个</span></li>
<li><span>第101个</span></li>
<li><span>第102个</span></li>
</ul>
========================================================