Tags

タグ

通常、行頭(またはスペースの後)のテキストはHTMLタグとみなされます。 インデントしたタグはネストされ、HTMLのツリー構造が生成されます。

ul
  li Item A
  li Item B
  li Item C

<ul>
  <li>Item A</li>
  <li>Item B</li>
  <li>Item C</li>
</ul>

Pugはどのタグに自己終了タグが必要か知っています。

img

<img />

ブロック拡張

スペース節約のため、ネストタグをインラインで書くこともできます。

a: img

<a><img /></a>

自己終了タグ

img、meta、link等のタグは DCTYPEにxmlを指定していなくても、自動で自己終了タグを付与します。 また、タグに/を追加することで、明示的に閉じることもできます。
閉じタグが何を意味しているか、何をしているかが分かっている場合だけ利用してください。

foo/
foo(bar='baz')/

<foo />
<foo bar="baz" />

スペース表示

タグの先頭と末尾のスペースは削除されます。 そのため、HTMLタグをくっつけるかどうかを制御することができます。
詳しくはスペース管理を参照して下さい。