其实一开始小渣渣我只是想接触一下（css预处理器）sass，可是突然冒出一个haml。

原文是酱紫的。

Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言，它诞生于2007年，是最大的成熟的 CSS 预处理语言。最初它是为了配合 HAML（一种缩进式 HTML 预编译器）而设计的，因此有着和 HTML 一样的缩进式风格。

妈蛋！haml?   html失散多年的兄弟吗？孤陋寡闻的本渣决定带着黑人问号脸去搜刮下这什么鬼

百度百科是酱紫解释的：

Haml基于Ruby语言，是一Ruby的插件，也可作为模板语言来用。它是一个命令行工具

 

特点：

1. 空格标识层次嵌套关系

2. 良好的标签格式

3. DRY(Don’t repeat yourself)

4. 遵循CSS标准

5. 集成了Ruby代码

6. 用.haml扩展名代替了rails模板(.rhtml)

 

Emmet是一个编辑器插件，前身就是伟大的Zen coding

(Sublime text 3安装emmet插件的方法：http://blog.csdn.net/mengke1124/article/details/41696779)

haml和Emmet的写法教程：http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html

Emmet的详细教程：http://www.iteye.com/news/27580

haml和Emmet跑出来的共同的特点：简洁高效，为了更好更快的编写html代码。他两不是html的亲戚，但也至少是html的大老婆和小老婆了

HTML代码简写法：Emmet和Haml：http://www.bianceng.cn/web/Html/201411/46562.htm

Emmet真心是个神器！也可以去了解下jade:  https://segmentfault.com/a/1190000000357534

 

更多专业前端知识，请上 【猿2048】www.mk2048.com