标签 Tag ~~ Tags

在默认情况下,在每行文本的开头(或者紧跟白字符的部分)书写这个 HTML 标签的名称。使用缩进来表示标签间的嵌套关系,这样可以构建一个 HTML 代码的树状结构。

  1. ul
  2. li Item A
  3. li Item B
  4. li Item C

Pug 还知道哪个元素是自闭合的:

  1. img

块展开 ~~ Block Expansion

为了节省空间, Pug 为嵌套标签提供了一种内联式语法。

  1. a: img

自闭合标签 ~~ Self Closing Tags

诸如 img, meta, 和 link 之类的标签都是自动闭合的(除非您使用 XML 类型的 doctype)。 您也可以通过在标签后加上 / 来明确声明此标签是自闭合的,但请您仅在明确清楚这是在做什么的情况下使用。

  1. foo/
  2. foo(bar='baz')/

输出空格 ~~ Rendered Whitespace

标签前后的空格都会被移除,因此您要控制这些标签是否需要处理。空格的控制在纯文本中会详细介绍。