Question

页眉和页脚有什么意义？

鉴于它们按照编写顺序呈现在页面上，如所示here它们之间的区别是什么？

<article>
    <footer>This is a footer</footer>
    <header>This is a header</header>
</article>

Answer 1

唯一明确的来源是HTML5规范。它定义了这些元素的含义。

对于header element：

header元素代表一组介绍性或导航辅助工具。

对于footer element：

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

两个部分都提供了有关预期用途的进一步评论和示例。

用我自己的话说：

footer是元数据的位置，例如作者姓名，发布日期，类别/标签等。每个分区元素（section，article，aside，{ {1}}）可以拥有自己的nav元素。如果footer不是此类切片元素的一部分，则它适用于整个页面。例如：

footer

<body> <article> <footer></footer> </article> <footer></footer> </body>元素用于介绍性内容，如标题，摘要/摘要，“NSFW”等警告。

请注意，HTML5规范不包含与header的切片元素相同的措辞，就像header的情况一样。但是，这已经是fixed in HTML5.1（请参阅relevant bug），也可能会在HTML5中进行更改。

您不应该注意这些元素的命名。最后还会显示footer，文章开头会显示header。

整体情况：footer和header（以及footer）对于标记不是的切片元素（或整个页面）的内容非常有用分段元素（或整个页面）的主要内容的一部分。

没有address的简单示例：

footer

↑这里最后一段（包含本文的标签）将在标题“我讨厌什么”的范围内。这当然是错的，因为我不讨厌“标签”，“个人”或“粉丝”。所以我们应该在标记中反映这一点，以便该段落与前一个标题无关：

<article>
  <h1>About me</h1>

    <h2>What I love</h2>
      <p>I like <cite>The Hitchhiker's Guide to the Galaxy</cite>.</p>

    <h2>What I hate</h2>
      <p>I hate <cite>Pacman</cite>.</p>

    <p>Tags: <a href="/personal">personal</a>, <a href="/fandom">fandom</a></p>

</article>

↑现在我们将标签放在<article> <h1>About me</h1> <h2>What I love</h2> <p>I like <cite>The Hitchhiker's Guide to the Galaxy</cite>.</p> <h2>What I hate</h2> <p>I hate <cite>Pacman</cite>.</p> <footer> <p>Tags: <a href="/personal">personal</a>, <a href="/fandom">fandom</a></p> </footer> </article>中，它们不再属于“我讨厌的东西”。相反，它们现在代表整个footer元素的页脚（→元数据）。

Answer 2

通常，在标记中，标题可以包含文章的主题和作者的页脚和/或写入的时间。

您应阅读以下链接以获取进一步说明

header element

footer element

Answer 3

如此处所述：http://www.w3schools.com/html/html5_semantic_elements.asp，语义标签用于“清楚地定义网站的不同部分”。他们只是告诉浏览器，也许是其他人的东西。它是<div id="header">的替代品，例如

我希望我能帮忙

<header>和<footer>实际上做了什么？</footer> </header>

3 个答案: