其實一開始小渣渣我只是想接觸一下（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 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的今天发现新大陆：haml和Emmet的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。