Question

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

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

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

  </dialog>

Answer 1

只有<main>代码不存在。

从W3schools复制：

header元素表示介绍性内容或一组导航链接的容器。

和

你可以在一个文档中包含多个标题元素。

这适用于标题和页脚。

但是有这个：

文档中不得有多个 main 元素。主要元素不得是文章的后代，旁边，页脚，标题或导航元素。

所以，简短地说：

你可以在您的文档中使用多个<header>和<footer>标记，但您最好使用<div>代替<main> 1}}

html5中dialog元素内的页眉，页脚或主元素

1 个答案: