Home > Web Front-end > HTML Tutorial > Discover new lands today: haml and Emmet

Discover new lands today: haml and Emmet

WBOY
Release: 2016-08-31 08:41:51
Original
1468 people have browsed it

Actually, at first, I just wanted to get in touch with sass (css preprocessor), but haml suddenly appeared.

The original text is Jiang Zi.

Sass is a CSS pre-processing language written in Ruby language. It was born in 2007 and is the largest mature CSS pre-processing language. It was originally designed to work with HAML (an indented HTML precompiler), so it has the same indentation style as HTML.

Damn it! haml? htmlA long-lost brother? This ignorant scumbag decided to search for what the hell is going on with a black question mark face

Baidu Encyclopedia is explained by Jiang Zi:

Haml is based on the Ruby language and is a Ruby plug-in that can also be used as a template language. It is a command line tool

Features:

1. Spaces indicate hierarchical nesting relationships

2. Good label format

3. DRY(Don’t repeat yourself)

4. Follow CSS standards

5. Integrated Ruby code

6. Use .haml extension instead of rails template (.rhtml)

Emmet is an editor plug-in, formerly the great Zen coding

(How to install the emmet plug-in for Sublime text 3: http://www.jb51.net/softjc/121265.html)

Tutorial on how to write haml and Emmet: http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html

Emmet’s detailed tutorial: http://www.iteye.com/news/27580

The common features of haml and Emmet: simplicity and efficiency, in order to write html code better and faster. They are not relatives of html, but at least they are the eldest and youngest wives of html

HTML code abbreviation: Emmet and Haml: http://www.bianceng.cn/web/Html/201411/46562.htm Emmet is truly an artifact! You can also learn about jade: https://segmentfault.com/a/1190000000357534

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template