Bei Emmet, vorher unter dem Namen Zen Coding bekannt, handelt es ich um ein Plugin das für zahlreiche Code-Editoren verfügbar ist und einen das Schreiben von HTML sehr vereinfachen kann.
Das Hauptfeature von Emmet ist das umwandeln kurzer Code-Zeilen in ganze Markup-Strukturen.
Im einfachsten Fall wandelt Emmet die Eingabe #foo direkt in
<div id="foo"></div>
um. Die wahre Kraft entfaltet Emmet allerdings durch die Nutzung von Operatoren.
Z.b. kann man mittels des Operators > die Code Zeile...
div>ul>li...geschwind in folgende Struktur umwandeln:
<div><ul><li></li></ul></div>
Je nach verwendeten Code-Editor wird der Vorgang unterschiedlich ausgelöst. Im SublimeText2 reicht es die Tab-Taste zu drücken, wohingegen in Netbeans standardmäßig die Tastenkombination Strg+Alt+N nötig ist.
Durch die Möglichkeit komplexere Operatoren-Konstrukte zu schreiben kann man zum Beispiel aus der kurzen Zeile ….
div>(header>ul>li*2>a)+footer>p… diese Struktur erzeugen:
<div><header><ul><li><ahref=""></a></li><li><ahref=""></a></li></ul></header><footer><p></p></footer></div>
Die Möglichkeiten von Emmet sind umfangreich dokumentiert und unter http://emmet.io/ zu finden.