Tags

更新日: 2018-02-09

タグ

通常、行頭(またはスペースの後)のテキストは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>

自己終了タグ

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

foo/
foo(bar='baz')/
<foo/>
<foo bar="baz" />

スペース表示

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



© 2017 pugjs.org Released under the MIT license

このコンテンツはpugドキュメントを翻訳/改変したものです。