如何在帕格文件中使用</br>？

Question

</br>
<form id="contact-form" method="post" action="contact.php" role="form">

我的哈巴狗文件代码为：

br 
  form#contact-form(method='post'action='contact.php' role='form')

但是它显示错误为 br是一个自闭元素：
但包含嵌套内容。

Answer 1

如果您的代码位于div中，则您的pug模板必须如下所示：

div
   br
   form#contact-form(method='post'action='contact.php' role='form')

从pug documentation

记住：

</br>无效，因为它是一个自闭元素。

<br/>和<br>有效。

Source (MDN)

Answer 2

在 form 下方缩进 br，就像您在代码中那样——

// incorrect
br
  form

——告诉 Pug 你正在尝试创建这个 HTML——

<br><form></form></br>

——这是无效的，因为换行元素不能包含其他元素。

相反，将换行符放在与表单相同的缩进级别，它告诉 Pug 他们应该是兄弟姐妹，就像这样——

// correct
br
form

——将编译为：

<br>
<form></form>