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

Question

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

Jit*_*yas 8 html5 accessibility semantic-markup

它是允许还是确定<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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Osc*_*son 7

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

从马口:

标题元素通常包含节的标题(h1-h6元素或hgroup元素),但这不是必需的.header元素还可用于包装部分的目录,搜索表单或任何相关徽标.

和

页脚元素表示其最近的祖先切片内容或切片根元素的页脚.页脚通常包含有关其部分的信息,例如谁编写它,链接到相关文档,版权数据等.

直接来自http://dev.w3.org/html5/spec/Overview.html上的规范

请注意,正如我所说,这些不用于创建像人们一样的部分<div id="header/footer">,在规范中提到了这种混乱:

页脚元素不是分段内容; 它没有引入新的部分.

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

归档时间：	14 年，2 月前
查看次数：	4473 次
最近记录：	14 年，2 月前