Emmet 可以快速的编写 HTML 和 CSS,输入指令如:
ul#nav>li*4>a*4
敲击一下TAB 键,就会输出:
<ul id="nav">
<li><a href=""></a><a href=""></a></li>
<li><a href=""></a><a href=""></a></li>
</ul>
Emmet 并不是一款软件或者工具,它是一款编辑器插件,必须要基于某个编辑器使用。官网:http://docs.emmet.io/
目前支持如下编辑器:
Emmet的语法:~感觉跟JQuery的非常相似
E
元素名(div、p);
E#id
带Id的元素(div#content、p#intro、span#error);
E.class
带class的的元素(div.header、p.error),id和class可以连着写,div#content.column
E>N
子元素(div>p、div#footer>p>span)
E*N
多项元素(ul#nav>li*5>a)
E+N
多项元素
E$*N
带序号的元素..........
演示:
http://www.iteye.com/news/27580
http://v.youku.com/v_show/id_XMTM4NDQwNzgw.html
相关文章,Emmet的安装: