Esiste una versione abbreviata di HTML disponibili?

Question

Ricordo di aver letto un articolo su una versione abbreviata, o estensione, di HTML a pochi mesi fa. Il suo scopo era quello di rendere il codice HTML in modo significativo più conciso, rimuovendo tag di chiusura, e potrebbe aver consentito cicli di qualche tipo pure. Voglio usare ora, ma io non riesco a ricordare quello che è stato chiamato.

Ricerca on-line, ho trovato Haml , ma la sintassi Haml non sembra l'esempio che mi ricordo che da questo articolo. La sintassi dall'articolo fatto uso di staffe ad angolo retto, che erano una sorta di sostituzione per indentazione.

Che cosa è questo linguaggio?

Answer 1

Aggiorna

Zen Coding è stato rinominato in Emmet e ha la sua codebase a GitHub

---

Penso che si sta cercando Zen Coding, che si trova a http: // code.google.com/p/zen-coding/ .

  

Zen Coding è un plugin editor per la   HTML ad alta velocità, XML, XSL (o qualsiasi   altro formato codice strutturato) codifica   e la modifica. Il nucleo di questo plugin   è un potente motore di abbreviazione   che consente di espandere   espressioni-simili a CSS   selettori-in codice HTML.

Esempio

div#page>div.logo+ul#navigation>li*5>a

si espande in

<div id="page">
  <div class="logo"></div>
  <ul id="navigation">
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
  </ul>
</div>

Answer 2

Per rispondere alla questione generale (dal titolo) sì, ci sono un bel po '.

Questi sono alcuni che ho guardato per il mio lavoro:

• Jade
• Haml
• SHH
• Slim

Se si aggiunge più nei commenti che io possa aggiungere alla risposta (e saranno anche presenti nei commenti).

Answer 3

http://docs.emmet.io/abbreviations/ è il mio preferito stenografia

PREVENTIVO >>

Here’s an example: this abbreviation

#page>div.logo+ul#navigation>li*5>a{Item $}
...can be transformed into

<div id="page">
    <div class="logo"></div>
    <ul id="navigation">
        <li><a href="">Item 1</a></li>
        <li><a href="">Item 2</a></li>
        <li><a href="">Item 3</a></li>
        <li><a href="">Item 4</a></li>
        <li><a href="">Item 5</a></li>
    </ul>
</div>

...with just a single key stroke. In many editors (such as Eclipse, Sublime Text 2, Espresso etc.) plugins will also generate proper tabstop marks so you can quickly traverse between important places of generated code with the Tab key.