hamlの規則について 軽く

hamlはerbよりも簡単に記述できますが、規則を知っていないとerbで書いた方が書きやすいと思ってしまいます。

そこで今回は、hamlの規則について書いていきます。

%h1

　A

<h1>

A

</h1>

このコードは、

ブラウザでこのように表示されます。

つまりhamlの%h1は、htmlの<h1>~<h1>と同じ意味を持ちます。

.haml

　B

<div class="haml">

B

</div>

このコードは、

ブラウザでこのように表示されます。

つまり、hamlの.〇〇は、htmlの<div class="〇〇">~</div>と同じ意味を持っています。

以上。