haml - HAML の要素間のスペース

Question

これを HAML でどのように表現しますか?:

<a>Link</a> | <a>Link</a>

バーの両側のスペースを保持したいことに注意してください。

Answer 1

私はあなたが書いたものを正確に書きます。これは完全に有効な HAML です。通常の HTML を HAML に埋め込むことができます。

%h1
  <a>Link</a> | <a>Link</a>

HAML でマークアップしているときに空白に悩まされることがありますが、タグを正しく表示するきれいな方法はありません。これが、HAML が HTML にフォールバックするオプションを提供する理由です。

リンクと の間に 1 つ以上のスペースを入れても問題ない場合は、|通常の古い HAML を記述できます。

%h1
 %a link
 |
 %a link

新しい行は保持され、ブラウザーでスペースとしてレンダリングされます。ブラウザーでは、任意の量の任意の種類の空白が常に単一のスペースのように扱われます。

Answer 2

「|」を入れる 次の行では、新しい行が保持され、空白としてレンダリングされます。

%a link
|
%a link