Question

允许和确定使用多个<header>并且在HTML 5中，如果是，那么它在语义上是否不正确并且会混淆屏幕阅读器用户？

我看到许多网站使用如

<body class="home">
    <header class="hd1">
        <hgroup>
        <h1>HTML5 Documnet</h1>
        <h2>tagline</h2>
        </hgroup>
    </header><!-- .hd1 -->
    <div class="main">
        <section class="hs1">
            <header>
            <h1>This is a Page Sub Title</h1>
            </header>

            <p>Some content...</p>
            <h2>Demonstrating EM and STRONG</h2>

            <p><strong>This text will have more importance (SEO-wise and contextually)</strong></p>         

            <footer>
            <p>Author: <cite>Louis Lazaris</cite></p>
            </footer>

        </section>
    </div><!-- .main -->
    <footer class="f1">
    <p>copyright &copy; year</p>
    </footer><!-- .f1 -->

</body>

Answer 1

是的，多个<header>和<footer>元素都可以。它们与<div id="header">的使用方式不同，因为大多数人都使用它们。从技术上讲，页眉和页脚代表一个部分的页眉和页脚。一个部分是页面的一部分，例如包含标题标签的文章，如<h1>然后是内容，然后是版权，引用，引用等页脚。

从马口：

标题元素通常包含节的标题（h1-h6元素或hgroup元素），但这不是必需的。该 header元素也可以用来包装一个section的目录，搜索表单或任何相关徽标。

并且

页脚元素代表其最近祖先的页脚分割内容或分割根元素。通常是一个页脚包含有关其部分的信息，例如谁写了它，链接到相关文件，版权数据等。

直接来自http://dev.w3.org/html5/spec/Overview.html

的规范

请注意，正如我所说，这些并不像人们使用<div id="header/footer">那样创建部分，但它在规范中提到了这种混淆：

页脚元素不是分段内容;它没有介绍一个新的部分。

所以，再次，“技术上”说，你在那里的最后页脚引入了一个新的部分而不是语义。无论如何，从规范的角度来看。

HTML5文档中的多个<header>和<footer> </footer> </header>

1 个答案: