După cum am spus, sintaxa codificării Zen este similară cu sintaxa CSS. Pentru a înțelege ce codificare Zen este, să examinăm un exemplu:
Aplicați pluginul și obțineți:
Selectori HTML
Și astfel, vrem să scriem un div cu id = 'test', pentru acest lucru, codul următor este folosit în Zen Coding:
Să vedem ce sa întâmplat:
Sau dorim să creăm un div cu class = "test", apoi în Zen Coding vom scrie următorul cod:
Să vedem ce sa întâmplat:
Următorul pas este să setați div cu class = "test test1". Nimic nu este mai ușor:
Aplicați codificarea Zen:
După cum puteți vedea, sintaxa de codificare Zen este mică, decât diferă de sintaxa CSS.
Acum vrem ca div să aibă o etichetă p cu id = "test". Pentru a insera o etichetă în alta, utilizați simbolul>. Acum, pentru a implementa exemplul nostru, scriem următorul cod:
Acum vrem să afișăm două etichete div, codarea Zen folosește +:
Aici, acum cel mai interesant, vrem să adăugăm o etichetă p în eticheta div cu id = "title" și tag a a with class = "link". Pentru aceasta scriem:
Ei bine, avem în vedere mai departe. Trebuie să adăugăm ul cu 5 litri. Noi scriem:
Dar aici este încă un lucru: vrem să adăugăm ul c id = "test" la acesta, puneți 5 li cu class = "item-1", class = "item-2", ..., class = "item-5". Noi scriem:
După cum puteți vedea, Zen Coding ne ușurează să scriem codul html de mai multe ori.
Să ne uităm la niște "jetoane" mai utile,
Pentru a obține:
Sau, pentru a obține:
După cum ați văzut deja, codarea Zen simplifică scrierea codului HTML în anumite momente, iar trecerea la acesta nu este dificilă. Deci, vă bucurați și vă bucurați de viață.
Și pe toate acestea, toate dezvoltările de succes.
După cum am spus, sintaxa codificării Zen este similară cu sintaxa CSS. Pentru a înțelege ce codificare Zen este, să examinăm un exemplu:
Aplicați pluginul și obțineți:
Selectori HTML
Și astfel, vrem să scriem un div cu id = 'test', pentru acest lucru, codul următor este folosit în Zen Coding:
Să vedem ce sa întâmplat:
Sau dorim să creăm un div cu class = "test", apoi în Zen Coding vom scrie următorul cod:
Să vedem ce sa întâmplat:
Următorul pas este să setați div cu class = "test test1". Nimic nu este mai ușor:
Aplicați codificarea Zen:
După cum puteți vedea, sintaxa de codificare Zen este mică, decât diferă de sintaxa CSS.
Acum vrem ca div să aibă o etichetă p cu id = "test". Pentru a insera o etichetă în alta, utilizați simbolul>. Acum, pentru a implementa exemplul nostru, scriem următorul cod:
Acum vrem să afișăm două etichete div, codarea Zen folosește +:
Aici, acum cel mai interesant, vrem să adăugăm o etichetă p în eticheta div cu id = "title" și tag a a with class = "link". Pentru aceasta scriem:
Ei bine, avem în vedere mai departe. Trebuie să adăugăm ul cu 5 litri. Noi scriem:
Dar aici este încă un lucru: vrem să adăugăm ul c id = "test" la acesta, puneți 5 li cu class = "item-1", class = "item-2", ..., class = "item-5". Noi scriem:
După cum puteți vedea, Zen Coding ne ușurează să scriem codul html de mai multe ori.
Să ne uităm la niște "jetoane" mai utile,
Pentru a obține:
Sau, pentru a obține:
După cum ați văzut deja, codarea Zen simplifică scrierea codului HTML în anumite momente, iar trecerea la acesta nu este dificilă. Deci, vă bucurați și vă bucurați de viață.
Și pe toate acestea, toate dezvoltările de succes.
Articole similare
Trimiteți-le prietenilor: