Zen Coding

utilisation de >

pour signifier "imbriqué",

+

juxtaposé

( )

regroupement

# ID et . pour CLASS

div#page.section.main <div id="page" class="section main">

html>(head>title+>script)+body>h1+#contenu

La structure de base d'une page HTML

attributs personnalisables

div[title], a[title="Hello world" rel], td[colspan=2].

multiplication

li*5 → <li> 5 fois.

numérotation avec $

li.item$*3 <li> 3 fois, en remplaçant $ par un numéro.

Plusieurs '$'= remplissage avec des zeros

li.item$$$ → li.item001

Filters support

div tag optionnel

#content>.section = div#content>div.section.

Texte

p>{Cliquer }+a{ici}+{ pour continuer}.