如何在 pug 文件中使用 <br>？

Question

所需的 HTML：

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

我的 Pug 代码是：

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

但它显示错误：

br 是一个自闭合元素：<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>