毫不夸張的說,在您熟悉了使用方法之后它可以使您的網(wǎng)頁代碼編輯效率獲得飛躍性的提升,只需要輸入一整行代碼的幾個縮略字符就會自動生成整行代碼,便于用戶專注于網(wǎng)頁架構設計,也避免了網(wǎng)頁代碼輸入出錯的低級錯誤,下載包內包含縮略符的說明。
使用說明
舉一個復雜的例子:zen-coding 可以把這樣的代碼:
div#header>ul.navigation>li*4>a
轉換轉換成下面的HTML 代碼:
<div id=”header”> <ul class=”navigation”> <li><a href=”"></a></li> <li><a href=”"></a></li> <li><a href=”"></a></li> <li><a href=”"></a></li> </ul> </div>
會CSS的朋友一定會注意到其精華所在就是“li*4”自動生成了四行代碼。 如果你用 NetBeans、SlickEdit、Sublime、TextMate、TopStyle、UltraEdit、WebIDE and IntelliJ IDEA、Dreamweaver、Aptana 都可以在官方下載頁面找到相關的插件。