前段时间写了一个html简化成haml的概述,但写的不全面,随着我自己用了将近一个月的实践我来把它补充一下。
首先haml和html最大的区别在于haml简化了html的写法,省略了结束符,''符号也用%来表示。haml和html各有优劣,html的优点是它能够很清楚的显示一个标签的开头和结尾,是整个代码页面显得很清楚。但不停地写''和结尾符号显得过于麻烦,对于我这种懒人我更喜欢haml这种简化版的代码。
haml的简化规则如下:
1. !!! 5 代表
2. %E 代表HTML标签。
3. %E#id 代表id属性。
4. %E.class 代表class属性。
5. %E(attr="xxx") 代表某一个特定属性。
6. %E XXX 代表插入标签的内容。
7. %E %N 代表N是E的子元素。N如果写在第二行,需要缩进。
在haml中没有复杂的开始结束符,只用一个%加标签名就可以了,但它也有一个缺点,就是如果使用haml就必须注意格式,因为haml没有结尾福,所以不能像html那样随便写。例如:
标签中包含了一个
标签
//html ,
标签中包含了一个