Addon: Kurzschreibweise mit Emmet

Im Editor-Fenster kannst du die Kurzschreibweise von "Emmet" verwenden. das Plugin lässt eine schnelle Kurzschrift zu die mit der Taste TAB (Tabulator) entpackt werden kann. In den meisten Fällen reicht es die Bezeichnung des gewünschten HTML-Elements zu tippen, entpackt ergänzt "Emmet" das ganze HTML-Element.

Beispiel: Kurschreibweise "div" erzeugt:

<div></div>

Klassenbezeichnungen können direkt angegeben werden: Kurzschreibweise "div.container-fluid" erzeugt:

<div class="container-fluid"></div>

Algebraische Zeichen ermöglichen eine Verschachtelung: Kurzschreibweise "nav.top>ul>li*3>a{Seite $}" erzeugt:

    <nav class="top">
        <ul>
            <li><a href="">Seite 1</a></li>
            <li><a href="">Seite 2</a></li>
            <li><a href="">Seite 3</a></li>
        </ul>
    </nav>

Die Verschachtelung lässt sich mit Klammern steuern: Kurzschreibweise "div.container(header+nav.top+article+footer)" erzeugt:

    <div class="container">
        <header></header>
        <nav class="top"></nav>
        <article></article>
        <footer></footer>
    </div>

---