標籤

預設情況下，行開頭（或僅在空白之後）的文字代表 HTML 標籤。縮排的標籤會巢狀，建立 HTML 的樹狀結構。

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

Pug 也知道哪些元素是自封閉的

<img />

區塊擴充

為了節省空間，Pug 提供了巢狀標籤的內聯語法。

<a><img /></a>

自封閉標籤

例如 img、meta 和 link 等標籤會自動自封閉（除非您使用 XML doctype）。

您也可以透過附加 / 字元來明確自封閉標籤。只有在您知道自己在做什麼時才這麼做。

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

已呈現的空白

空白會從標籤的開頭和結尾移除，這樣您就可以控制已呈現的 HTML 元素是否相連。空白控制通常透過純文字處理。