1、 Haml 全名为 HTML Abstract Markup Language,主要就是让开发者能够使用缩排的方式撰写 HTML,做到永不忘记关 Tag 的效果。
例如:%h1= "Hello World"
产生的html代码是: <h1>Hello World</h1>
排版轻松,但不直观,l需要另外学习特殊的 syntax,所有很少用。
2、SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。
可以让开发者可以透过「缩排」的方式去撰写维护 CSS,同样可以避免忘记关 TAG 而产生的问题。
例如:.content
margin: 2em 0
h1
font-size: 2em
产生的css代码是:
.content{
margin: 2em 0;
}
.content h1{
font-size: 2em;
}
sass用法:http://www.ruanyifeng.com/blog/2012/06/sass.html