将文档<header>放在文档中间是无效/令人困惑的

Dam*_*mon 1 html html5 accessibility semantic-markup

我目前有这样的设置:

<section id="intro"></section>
<header></header>
<section></section>
<section></section>
<footer></footer>
Run Code Online (Sandbox Code Playgroud)

header元素是一个带有站点名称和基本信息的粘性标题.直到用户滚过#intro之后它才显示,因此它在DOM中.我想知道,从语义和可访问性的角度来看,将它变成div或section更有意义.

lan*_*nzz 5

<header>标签是在你的文档中的特定位置上不需要,但它不应该是另一个小孩<header>,一个<footer>或一个<address>标签.<div>另一方面,该元素强烈建议仅作为最后一个元素,当另一个元素在语义上更适合时要避免使用.看起来你的用法<header>与它的推荐用法非常吻合,但是你应该记住,IE8和早期版本不支持它,并且这些浏览器实际上不合适.