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",:οnclick=>"jumpheader()"}
其中:%div{:class=>"top"}就相当于html中的:<div class="top"></div>。
网友回复
阿里云ESA、cloudflare worker、腾讯云EdgeOne网站代理托管哪家更好?
剪映能打开.fcpxml格式的文件吗?
增量式编码器与绝对式编码器的区别是啥?
有没有开源的单张照片或者序列帧图片或视频就能重建4d场景动画项目?
chrome网页突然报错:错误代码:RESULT_CODE_KILLED_BAD_MESSAGE
openai的codex如何全程无需手动确认自动修改文件?
阿里云oss前端上传文件直传如何限制文件类型?
阿里云oss前端获取policy签名直传oss上传文件回调如何传?
如何将根据三维物体通过提示词变成可交互的4d场景动画?
浏览器中实时摄像头离线视觉ai模型有吗?


