使用 Pug 在 HTML 内容的两侧放置标签

Question

我是一名 Web 开发新手，正在使用 Pug 完成 Node JS 学校作业。我一直在努力弄清楚如何在父标签内容的两侧放置两个标签。

例如，如果我想实现这样的目标 HTML:

<h2>
    <span>
        Span Content
    </span>
    H2 Content
    <span>
        Span Content
    </span>
</h2>

如何使用 Pug 使第一个 span 标签位于我的 H2 内容之上？

感谢您的帮助，我真的很感激！

Answer 1

你会做

h2
  span Span Content
  | H2 Content
  span Span Content

Renders to:

<h2>
  <span>Span Content</span>
  H2 Content
  <span>Span Content</span>
</h2>

管道 | 表示该行其余部分的纯文本。如果需要大块，可以使用.，例如：

p.
  all my text
  all my text
  all my text
  all my text
  all my text

Renders to:

<p>
  all my text
  all my text
  all my text
  all my text
  all my text
</p>

Placing tags on both sides of HTML content with Pug