Теги

По умолчанию, текст в начале строки (или после только пробелов) представляет собой 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 />

Расширение блоков

Для экономии места Pug предоставляет инлайновый синтаксис для вложенных тегов.

a: img

<a><img /></a>

Самозакрывающиеся теги

Теги, такие как img, meta, и link автоматически самозакрываются (если не используется XML doctype).

Вы также можете явно закрыть тег, добавив символ /. Делайте это только если знаете, что делаете.

foo/
foo(bar='baz')/

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

Отображаемые пробелы

Пробелы удаляются с начала и конца тегов, позволяя контролировать, будут ли элементы HTML соприкасаться или нет. Управление пробелами, как правило, осуществляется через простой текст.