其實一開始小渣渣我只是想接觸一下（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://www.jb51.net/softjc/121265.html)

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