Heim > Web-Frontend > HTML-Tutorial > Entdecken Sie noch heute eine neue Welt: Haml und Emmet

Entdecken Sie noch heute eine neue Welt: Haml und Emmet

WBOY
Freigeben: 2016-08-31 08:41:51
Original
1465 Leute haben es durchsucht

Eigentlich wollte ich zuerst nur mit Sass (CSS-Präprozessor) in Kontakt treten, aber plötzlich tauchte Haml auf.

Der Originaltext ist Jiang Zi.

Sass ist eine CSS-Vorverarbeitungssprache, die in der Sprache Ruby geschrieben wurde. Sie wurde 2007 geboren und ist die größte ausgereifte CSS-Vorverarbeitungssprache. Es wurde ursprünglich für die Verwendung mit HAML (einem eingerückten HTML-Precompiler) entwickelt und verfügt daher über denselben Einrückungsstil wie HTML.

Verdammt! haml? htmlEin lange verschollener Bruder? Die unwissende und unwissende Person beschloss, nach diesem Geist mit einem schwarzen Fragezeichengesicht zu suchen

Die Baidu-Enzyklopädie wird von Jiang Zi erklärt:

Haml basiert auf der Ruby-Sprache und ist ein Ruby-Plug-in, das auch als Template-Sprache verwendet werden kann. Es ist ein Befehlszeilentool

Eigenschaften:

1. Leerzeichen zeigen hierarchische Verschachtelungsbeziehungen an

2. Gutes Tag-Format

3. TROCKEN (Wiederholen Sie sich nicht)

4. Befolgen Sie die CSS-Standards

5. Integrierter Ruby-Code

6. Verwenden Sie die Erweiterung .haml anstelle der Rails-Vorlage (.rhtml)

Emmet ist ein Editor-Plug-in, früher das große Zen-Coding

(So installieren Sie das Emmet-Plug-in für Sublime Text 3: http://www.jb51.net/softjc/121265.html)

Tutorial zum Schreiben von Haml und Emmet: http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html

Emmets ausführliches Tutorial: http://www.iteye.com/news/27580

Die gemeinsamen Merkmale von Haml und Emmet: Einfachheit und Effizienz, um HTML-Code besser und schneller zu schreiben. Sie sind keine Verwandten von HTML, aber zumindest sie sind die ältesten und jüngsten Ehefrauen von HTML

HTML-Code-Abkürzung: Emmet und Haml: http://www.bianceng.cn/web/Html/201411/46562.htm

Emmet ist wirklich ein Artefakt! Sie können auch mehr über Jade erfahren: https://segmentfault.com/a/1190000000357534

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage