Gibt es eine Kurzversion von HTML zur Verfügung?

StackOverflow https://stackoverflow.com/questions/3006816

  •  25-09-2019
  •  | 
  •  

Frage

Ich erinnere mich, einen Artikel über eine Kurzschreibweise Lesen oder Erweiterung von HTML vor ein paar Monaten. Sein Zweck war, HTML-Code wesentlich prägnante, indem End-Tags zu machen, und es kann Schlingen irgendeine Art auch erlaubt haben. Ich will es jetzt verwenden, aber ich kann nicht scheinen, sich daran zu erinnern, was es hieß.

Online-Suche, fand ich Haml , aber Haml Syntax sieht nicht aus wie das Beispiel, dass ich erinnere mich aus dem Artikel. Die Syntax von dem Gegenstand, die Verwendung von rechtwinkligen Brackets, die eine Art Ersatz für Einbuchtung waren.

Was ist diese Sprache?

War es hilfreich?

Lösung

Update

Zen Coding wurde umbenannt zu Emmet und hat seine bei GitHub Codebasis

Ich glaube, Sie suchen Zen Coding, die unter http gefunden werden kann: // code.google.com/p/zen-coding/ .

  

Zen Coding ist ein Editor-Plugin für   High-Speed-HTML, XML, XSL (oder jeder   anderes strukturiertes Codeformat) kodierenden   und bearbeiten. Der Kern dieses Plugin   ist ein leistungsfähiges Abkürzung Motor   die Ihnen erlaubt, zu erweitern   Ausdrücke-ähnlich wie CSS   Selektoren-in HTML-Code.

Beispiel

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

Erweitert 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>

Andere Tipps

die allgemeine Frage zu beantworten (aus dem Titel) ja, es gibt nicht wenige.

Dies sind ein paar, die ich für meine eigene Arbeit ausgesehen haben:

Wenn Sie mehr in den Kommentaren fügen ich sie auf die Antwort hinzufügen kann (und sie existieren auch in den Kommentaren).

http://docs.emmet.io/abbreviations/ ist mein Favorit Stenografie

QUOTE >> 

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.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top