Übersetzt aus: Smashing Magazine
Chinesisch: Zen Coding: Eine schnelle Möglichkeit, HTML/CSS-Code zu schreiben
Bitte beachten Sie das Urheberrecht und geben Sie beim Nachdruck die Quelle an!
In diesem Artikel zeigen wir eine neue Möglichkeit zur schnellen Entwicklung von HTML und CSS mithilfe einer Syntax, die CSS-Selektoren nachahmt. Es wurde von Sergey Chikuyonok entwickelt. Wie viel Zeit verbringen Sie damit, HTML-Code zu schreiben (einschließlich aller Tags, Attribute, Anführungszeichen, Klammern usw.)? Wenn Ihr Editor über Codehinweise verfügt, fällt Ihnen das Schreiben leichter, aber selbst dann müssen Sie immer noch viel Code manuell eingeben.
Wenn wir in JavaScript ein bestimmtes Element auf einer Seite abrufen möchten, stoßen wir auf das gleiche Problem: Wir müssen viel Code schreiben, was schwierig zu warten und wiederzuverwenden ist. Es entstanden JavaScript-Frameworks und sie führten auch CSS-Selektor-Engines ein. Jetzt können Sie einfache CSS-Ausdrücke verwenden, um DOM-Elemente abzurufen, was ziemlich cool ist.
Aber was wäre, wenn Sie nicht nur Elemente mithilfe von CSS-Selektoren anordnen und positionieren, sondern auch Code generieren könnten? Wenn Sie zum Beispiel schreiben:
div #content > h1 + p
... dann können Sie eine Ausgabe wie diese sehen:
< div id = "content" >