我可以在 <form> 元素中插入 <header> 吗？

Question

从MDN 上的示例中，我了解到可以使用如下标题标签为表单添加标题：

<form method="POST">
  <h1>Payment form</h1>
  <p>Required fields are followed by <strong><abbr title="required">*</abbr></strong>.</p>
  <!--Input fields-->
</form>

我的问题：在这样的标签中插入这些介绍性信息（标题<h1>和）是否有效：<p><header>

<form method="POST">
  <header>
    <h1>Payment form</h1>
    <p>Required fields are followed by <strong><abbr title="required">*</abbr></strong>.</p>
  </header>
  <!--Input fields-->
</form>

Answer 1

是的，它是有效的。请参阅https://www.w3.org/TR/html5/sec-forms.html#the-form-element，其中指出表单元素可以包含除其他表单之外的任何Flow 内容。

4.10.3. 表单元素
类别：流内容。可触知的内容。
可以使用此元素的上下文：需要流程内容的地方。
内容模型：内容流动，但没有表单元素后代。

在某些情况下，它在语义上也可能是正确的。在我看来，只有当你需要对各种元素进行语义分组作为表单的介绍时。对于标题和段落，问问自己将它们分组是否意味着什么，或者只是补充表格本身的信息。