中文: Zen Coding: 一種快速編寫HTML/CSS程式碼的方法
請尊重版權,轉載請註明來源!
在本文中我們將展示一種新的使用仿CSS選擇器的語法來快速開發HTML和CSS的方法。它由Sergey Chikuyonok開發。 你在寫HTML程式碼(包含所有標籤、屬性、參考、大括號等)上花費多少時間?如果你的編輯器有程式碼提示功能,你寫的時候就會容易些,但即便如此你還是要手動敲入很多程式碼。
在JavaScript方面,當我們想要在一個頁面上取得某個特定的元素時,我們就會遇到同樣的問題,我們必須寫很多程式碼,這就變得難以維護和重複使用。 JavaScript框架應運而生,它們同時引進了CSS選擇器引擎。現在,你可以使用簡單的CSS表達式來取得DOM元素,這相當酷。
但是,如果你不只可以用CSS的選擇器佈局和定位元素,還能產生程式碼會怎麼樣?比如,如果你這樣寫:
div #content > h1 + p
…然後就可以看到這樣的輸出:
< div id = "content" >