<body>
<div data-role="page" id="page1">
<header>Page 1</header>
<main>Content...</main>
<footer>...</footer>
</div>
<div data-role="page" id="page2">
<header>Page 2</header>
<main>Content...</main>
<footer>...</footer>
</div>
</body>
我想使用html5中的<main>
元素,但w3c验证器给出了一个错误,说“一个文档中不能包含多个主要元素。”
我知道w3c标准只允许每个文档有一个<main>
。然而,对于role="main"
(其中<main>
被映射到)的aria标准允许"多个主要元素作为DOM后代,假设每个元素与不同的文档节点相关联" (https://www.w3.org/TR/wai-aria/roles#main)。
这些jQuery Mobile [data-role='page']
div是否算作"不同的文档节点"?如果仅有一个元素同时向最终用户公开,那么我可以拥有多个<main>
元素吗?
(请注意,未激活的jQuery Mobile页面位于文档的<body>
中,但使用display:"none"
隐藏。)