HTML代码简写法Haml

haml的简化规则

1.!!!5 代表<!DOCTYPE html>

2.%E 代表HTML标签

3.%E#id  代表标签的id

4.%E.class 代表class属性

5.%E XXX  代表插入标签的内容

注意:因为haml没有结束符,所以一定要注意缩进。

例如:

!!!5
%html
     %head
        %title  Haml
     %body
        %h1  标题
         %a{:href=>http://www.baidu.com/}

对应的

<!DOCTYPE html>
<html>
     <head>
        <title>Haml</title>
     </head>
     <body>
        <h1>标题</h1>
        <a href = "http://www.baidu.com/"></a>
     </body>
</html>

猜你喜欢

转载自729372415.iteye.com/blog/2265566