前端必備工具-Emmet (Zen Coding)

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的安裝：

如何將Emmet安裝到到Dreamweaver？

如何將Emmet安裝到到 Sublime text 3？ 

如何將Emmet安裝到 Notepad++？

插件下載