Question

我已经看了一遍，还没有找到任何具体回答这个问题的内容：在html5中，在页脚内部有一个h1标签是否合适？我知道你现在可以在一个文档中有多个h1但是我正在处理一个涉及带标题的页脚的项目，并且关于这是否是语义的问题正在进行一些争论。

Answer 1

footer和h1标签没有任何相互排斥。事实上，你甚至可以拥有多个页脚。

查看footer的W3C HTML标准最后一个代码示例：它包含h1内的一个：

有些网站设计有时被称为“胖子”    - 包含大量材料的页脚，包括图像，链接到   其他文章，发送反馈页面的链接，特别优惠......   在某些方面，页脚中有一个完整的“头版”。

此片段显示网站上有“胖子”的页面底部   页脚“：

...
 <footer>
  <nav>
   <section>
    <h1>Articles</h1>
    ...

Answer 2

从语义上讲，这将非常糟糕，因为H1用于表示节的标题或其他内容。为盲人用户想象一下。这里有一个讨论：

http://moz.com/community/q/h1-tag-in-the-footer

Answer 3

应该注意的是，在您的示例中并链接它，页脚中的h1始终包含在<section></section>标记内。

<section>也可以拥有自己的自包含内容块

<header>
    <!-- nav/logo/etc -->
</header>
<main>
    <!-- article/content/section/etc -->
</main>
<footer>
    <!-- nav/links/section/etc... -->
    <section>
        <h1></h1> <!-- h1 in a NEW section -->
    </section>
</footer>

在html5中，你可以在页脚</h1>中有一个<h1>

3 个答案: