微妙に引っかかったのでメモ
想定する出力
<a class="menu highlight"></a>
方法
ドットで繋げる
単純にクラスを繋げるだけならこれで十分でしょう
a.menu.highlight
後ろにもう一個classをつける
a.menu class="highlight"
配列を渡す
a class=["menu","highlight"]
ハッシュとして渡す
ハッシュを渡す場合は*をつけます
これはクラスに限らないので色々な属性も設定可能です。
a.menu *{:class => [:highlight]}
まとめ
配列だのハッシュだのを渡せるので、スクリプト言語を書く感覚で記述できます。
<% ~ %>のような意味不明なタグも不要なので、気軽にデータを作って再利用できます。