`

haml简写html

 
阅读更多

一,说haml之前首先要了解haml是什么：

          Haml是一种用来描述任何XHTML web document的标记语言，它是干净，简单的。而且也不用内嵌代码。Haml的职能就是替代那些内嵌代码的page page templating systems，比如PHP,ERB(Rails的模板系统)，ASP。不过，haml避免了直接coding XHTML到模板，因为它实际上是一个xhtml的抽象描述，内部使用一些code来生成动态内容。Haml 是一种简洁优美的模板语言，可以应用于Ruby on Rails、 PHP等Web开发平台，可以大大缩减模板代码，减少冗余，提高可读性。并且Haml是一种完备的模板语言，没有牺牲当前模板语言的任何特性。Haml由 Hampton Catlin发明并且开发了Ruby on Rails上的实现。

 

二,用haml来简写html

其 实haml和html最大的区别就是没有结束标签，所以haml语言要遵循严格的缩进规则（要缩进2格）。

比如：<p>我是谁</p>要写成：%p

                                                   我是谁  （缩进俩空客或者一个Tab）                                                                  

基本简化规则如下：

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

  2. %E 代表HTML标签。

比如：<p></p>=>  %p
  3. %E#id 代表id属性。

<p id="name"></p>=> %p#name
  4. %E(attr="xxx") 代表某一个特定属性。
  5. %E XXX 代表插入标签的内容（这样写不太方便最好缩进2格写在下一行）。
  6. %E %N 代表N是E的子元素。N如果写在第二行，需要缩进。

 7.下面用例子说一下选择器怎么用（一般类选择器就够用了）

%div{:class=>"top"}
  %span{:class=>"title"}
    订餐
  %button{:class=>"back",:onclick=>"jumpheader()"}
    Back

 其中：%div{:class=>"top"}就相当于html中的：<div class="top"></div>。

 

分享到：
| XTunnel内网穿透工具下载及介绍
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics