haml
Haml：クラス、IDを付与する
!!! %html %head %title Haml test %body %h1.title Hello World #main %p テスト コンパイルすると下記HTMLに出力されます。 <!DOCTYPE …Haml：出力HTMLのコード内改行を制御する
%div %p %span 改行されるテキスト 例えば上記のようなHamlをコンパイルすると下記HTMLに出力されます。 <div> <p> <span>改行されるテキスト</s…Haml：ループ（for文）を扱う
Hamlの文中でforを使った条件ループを行えます。 !!! %html %head %title Haml test %body %ul.list – for i in 1..5 %li list #{i} コンパイル…Haml：条件分岐（if文）を扱う
Hamlの文中で条件分岐を行えます。 !!! %html %head %title Haml test %body -x = 3 -if x >= 5 %p xは5以上 -else %p xは5未満 コンパイルする…Haml：変数を扱う
頭に「-」を付けることで変数の宣言を行えます。 !!! %html %head %title Haml test %body %h1 Hello World -x = 3 -y = 5 %p x:#{x}, y:#{y}…Haml：Haml内でRubyの記述を使う
HamlはRubyで動いているため、Haml内の記述にRubyを使うことができます。 !!! %html(lang=”ja”) %head %title Haml test %body %h1 Hello World -…Haml：CSSやJavaScriptをフィルター機能で記述する
例えば下記のように<style>タグを書こうとしてもHamlコンパイル時にエラーが出てしまいます。 !!! %html %head %title Haml test %style .test { margin…Haml：コメントの書き方
!!! %html %head %body / 一行コメント / 改行＆インデントでコメントも入れ子になります。 改行＆インデントでコメントも入れ子になります。 -# HTML出力されないコメント -# HTML出力され…12