haml

创建: 2019/05/23

文档: http://haml.info/docs/yardoc/file.REFERENCE.html

安装
安装	gem "haml"
纯文本
	所有不带固有符号的都作为纯文本
	html也作为纯文本
转义字符	直接输出后面的 %title = @title \= @title 输出为 <title> MyPage = @title </title>
html标签
标签名以 % 开始	%table#data %tbody %tr %td= '@data' 相当于 <table class="data"> <tbody> <tr> <td>数据</td> </tr> </tbody> </table>
属性 {} 或 ()	●  {} 直接作为ruby的hash, 故可用所有ruby语法 - 也可以使用返回hash的方法(多个方法的话从左到右被 merge ) def html_attrs(lang = 'en-US') {:xmlns => "http://www.w3.org/1999/xhtml", 'xml:lang' => lang, :lang => lang} end # haml %html{html_attrs('fr-fr')} - 前缀 嵌套进hash里 {data: {sample: 1, test: 2}} # => data-sample="1" data-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"> 123 </div>
默认元素	如果只指定class/id, 则为div .sample a 相当于 %div.sample a 相当于 <div class="sample"> a </div>
关闭不带内容的标签	/ 例 %br/
Whitespace Removal: > and <
Object Reference: []
doctype:!!!
注释
/	多行注释靠缩进
-#	多行注释靠缩进
插入ruby
插入ruby =	=  , 输出结果, 相当于 <%= ... %> 例: = link_to 'sample', root_path ● 多行 每一行都以  ,  来结束
-	-  , 不输出结果, 相当于 <% ... %>
代码块	ruby代码块不需要end - (1..100).each do |i| %span= "a: #{i}" %span= "b: #{i}" %br/
Whitespace Preservation: ~
插值 #{}	除了文字里, 也可以放在纯文本里 - (1..100).each do |i| %span a: #{i} %span b: #{i} %br/
Gotchas
Escaping HTML: &=
Unescaping HTML: !=
Filters