Haml 速查表

本文根据 Devhints / Haml 翻译。代码示例及版本范围沿用原文。

Doctype（文档类型）

!!! 5

标签

%html
  %head
    %title
  %body
    %h1 Hello World
    %br/

类（Classes）与 ID

%p.class-example
.no-tag-defaults-to-div
%div#butItCanBeIncluded

行内属性

两种哈希（hash）语法均可使用

%meta{ name: "viewport", content: "width=device-width, initial-scale=1.0" }
%input{ :type => "text", :required => true }

Ruby

-# This is a comment
-# Anything starting with a hyphen signals to Haml that Ruby is coming
- @arr = [1, 2, 3]
- @str = "test"
-# Equal signals output
= render partial: "shared/header"
= yield
= link_to page_url