下面的写法是在sublime下.安装好emmet之后,几种简易写法,
方法为:输入相应的代码之后,按Tab键.页面就可出现想要的HTML代码格式.
E#name
div#name
<div id="name"></div>
E.name
div.name
<div class="name"></div>
div.one.two
<div class="one two"></div>
div#name.one.two
<div id="name" class="one two"></div>
E>E
head>link
<head> <link/> </head>
table>tr>td
<table> <tr> <td></td> </tr> </table>
ul#name>li.item
<ul id="name"> <li class="item"></li> </ul>
E+E
p+p
<p></p> <p></p>
div#name>p.one+p.two
<div id="name"> <p class="one"></p> <p class="two"></p> </div>
E[attr]
Added in v0.6
p[title]
<p title=""></p>
td[colspan=2]
<td colspan="2"></td>
span[title="Hello" rel]
<span title="Hello" rel=""></span>
E|filter
Added in v0.6
p.title|e
<p class="title"></p>
Read Filters for more info
E*N
p*3
<p></p> <p></p> <p></p>
ul#name>li.item*3
<ul id="name"> <li class="item"></li> <li class="item"></li> <li class="item"></li> </ul>
E*N$
p.name-$*3
<p class="name-1"></p> <p class="name-2"></p> <p class="name-3"></p>
select>option#item-$*3
<select> <option id="item-1"></option> <option id="item-2"></option> <option id="item-3"></option> </select>
E+
ul+
<ul> <li></li> </ul>
table+
<table> <tr> <td></td> </tr> </table>
dl+
<dl> <dt></dt> <dd></dd> </dl>
Sublime Text 3的插件很多,上面介绍了我经常用到的几款,希望与大家相互交流学习!
No Comments