当前位置:Gxlcms > html代码 > 今天发现新大陆:haml和Emmet

今天发现新大陆:haml和Emmet

时间:2021-07-01 10:21:17 帮助过:39人阅读

其实一开始小渣渣我只是想接触一下(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.gxlcms.com/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

人气教程排行