html5中对话框元素内的页眉、页脚或主要元素

Question

在 Html5 的对话框组件中使用页眉、页脚或主要元素在语义上是否正确？

我想在我的主页内容中构建一个复杂的模式视图，其中包含有关文章的选项。我想知道是否正确使用html5如下

  <dialog> 
    <header>
      <h1>Title</h1>
      <button> Save </button>
    </header>
    <main>
        <!--modal view options-->
    </main>

  </dialog>

Answer 1

只有<main> 标签不应该在那里。

从 W3schools 复制：

标题元素代表介绍性内容或一组导航链接的容器。

还有：

您可以在一个文档中拥有多个标题元素。

这适用于页眉和页脚。

但是有这样的：

文档中的 main 元素不得超过一个。主元素不能是文章、aside、footer、header 或 nav 元素的后代。

所以，简而言之：

您可以在文档中使用多个<header> 和<footer> 标签，但最好使用<div> 而不是<main>