Haml(ハムル)入門【環境構築と基本的な書き方】

Hamlとは

Hamlは、HTMLをより簡潔かつ読みやすくするためのマークアップ言語です。

環境構築とHaml変換

rubyがインストール済みか確認

$ ruby -v

gemを最新版にアップデート

$ sudo gem update --syste

hamlのインストール

$ sudo gem install haml

hamlのバージョンを確認

$ haml version

hamlをhtmlに変換

$ haml render index.haml > index.html

Hamlの書き方

要素

%要素
%html

属性

%要素{:属性 =>"値" }
%要素(属性="値")

%html{:lang =>"ja" }
%html(lang="ja")

コメント

/　コメントテキスト

haml内のみのコメント

-# コメントテキスト

参考サイト

公式サイト