haml
2024-09-05 18:09:05
创建: 2019/05/23
文档: http://haml.info/docs/yardoc/file.REFERENCE.html
安装 |
|
安装 |
gem "haml" |
纯文本 | |
所有不带固有符号的都作为纯文本 |
|
html也作为纯文本 | |
转义字符 |
直接输出后面的 %title 输出为 <title> |
html标签 | |
标签名以 % 开始 |
%table#data 相当于 <table class="data"> |
属性 {} 或 () |
● {} 直接作为ruby的hash, 故可用所有ruby语法 - 也可以使用返回hash的方法(多个方法的话从左到右被 merge ) def html_attrs(lang = 'en-US') - 前缀 嵌套进hash里 {data: {sample: 1, test: 2}} ● () 内部插值: #{} %span(class="widget_#{@widget.number}") |
class, id |
若传入数组, 则先删除false的元素, 再 flatten ● class(简化方法为.) 若为数组, 先flatten再 join " " ● id(简化方法为#) 若为数组, 先flatten再 join "_" 例 %div{id: %w(a b c), class: %w(a b c)} 123 解释为 <div class="a b c" id="a_b_c"> |
默认元素 |
如果只指定class/id, 则为div .sample a 相当于 %div.sample a 相当于 <div class="sample"> |
关闭不带内容的标签 |
/ 例 %br/ |
Whitespace Removal: > and < | |
Object Reference: [] | |
doctype:!!! | |
注释 | |
/ | 多行注释靠缩进 |
-# | 多行注释靠缩进 |
插入ruby | |
插入ruby = |
= , 输出结果, 相当于 <%= ... %> 例: = link_to 'sample', root_path ● 多行 每一行都以 , 来结束 |
- |
- , 不输出结果, 相当于 <% ... %> |
代码块 |
ruby代码块不需要end - (1..100).each do |i| |
Whitespace Preservation: ~ | |
插值 #{} |
除了文字里, 也可以放在纯文本里 - (1..100).each do |i| |
Gotchas | |
Escaping HTML: &= | |
Unescaping HTML: != | |
Filters |
最新文章
- 解决mysql卸载后无法从新安装,卡在最后一步的问题
- Ubuntu安装RobotFramework
- Atitit &#160;数据存储的分组聚合 groupby的实现attilax总结
- iframe标签用法详解(属性、透明、自适应高度)
- 开启xp_cmdshell
- C# HttpBrowser 跨进程访问,解决内存泄露问题
- 转:聊聊并发(八)——Fork/Join框架介绍
- HDU_1429——胜利大逃亡续,十位二进制状态压缩,状态判重
- puppet aix之自动化用户管理
- boost.asio系列——io_service
- Thrift源码解析--TBinaryProtocol
- [html5] 学习笔记-Canvas标签的使用
- Intellij IDEA 2017集成MyBatis三剑客
- Ignite Web 控制台(使用官方免费部署的控制台)
- sql性能优化之多表联查
- 【故障公告】推荐系统中转站撑爆服务器 TCP 连接引发的故障
- CentOS 配置SOCKS5代理服务
- NSCTF2015 逆向第五题分析
- (4)shiro多个realm
- yum指令常用参数说明