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

问题描述:

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

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

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

    </dialog> 

不,它不是

由于从W3Schools的复制:

头部元素代表了介绍性内容或容器一套导航链接。

和:

您可以在一个文档中的几个头元素。

这是用于标头的页脚。

但当时是这样的:

不能有一个文档中的一个以上的主要元素。主要元素不能是文章的后代,不包括页脚,标题或导航元素。

所以,要说它在很短的方式:

可以在文档中使用多个<header><footer>标签,但你使用<div>,而不是你的<main>

+0

的更好如果你觉得这个答案有用,请upvote和/或接受这个答案。它会帮助其他人找到它,并且会阻止这个问题回到顶端 –