빠른 참조

Haml 템플릿 엔진 치트시트

Haml 빠른 참조 가이드: Doctype, 태그, 클래스 및 ID, 인라인 HTML 속성, Ruby 코드 실행 및 들여쓰기 규칙을 정리합니다.

· 게시일

Haml은 공백 들여쓰기를 사용하여 깔끔하고 중복 없는(DRY) HTML 마크업을 생성하는 템플릿 엔진입니다.

기초

Doctype 선언

!!!
!!! 5
!!! Strict
!!! Frameset
!!! Mobile
!!! Basic

태그 및 구조

%p Hello World
%span
  Inner text

클래스 및 ID

%div#content
  %p.highlighted Text content

/ Div is the default tag when omitted
.notice
  #login-box

인라인 속성

두 가지 해시 문법이 모두 지원됩니다:

%html{ "xml:lang" => "en", :lang => "en" }
%a{ :href => "/login", :title => "Sign in" }

/ HTML-style attributes syntax
%a(href="/login" title="Sign in")

Ruby 코드 평가

= "Evaluated Ruby expression"
- [1, 2, 3].each do |num|
  %li= num

참고 자료

관련 주제