2.1.8 footer元素

优质

小牛编辑

130浏览

2023-12-01

footer元素代表整个页面、文章或区域的页脚（或脚注），常常位于页面或内容块的结尾，通常包含页面或内容块的脚注信息，如作者、版权、相关文档的链接、联系信息等。

如果 footer元素是 body 元素的子元素，它就成为整个文档的页脚，通常出现在页面的结尾，并包含一组链接、版权、许可协议等信息。如：

<body>
<footer>
<p>
    <a href="">关于我们</a> |
    <a href="">联系我们</a> |
    <a href="">网站地图</a> |
    <a href="">诚聘英才</a> |
    <a href="">商务合作</a>
</p>
<p>Copyright © 2016</p>
</body>

运行结果如图 2‑3 所示：

如果 footer元素是 article 或 section 元素的子元素，它就成为文章或内容块的脚注，其中可以包含相关文章的链接、文章的发布日期、分类等。如，可以用来显示“上一篇”、“下一篇”的链接：

<article>
    ...
    <footer>
        <a href="#">上一篇</a> | <a href="#">下一篇</a>
    </footer>
</article>

当然，footer元素并不一定总是在页面、文章或区域的结尾，但是它通常是在那个位置。并且，一个页面里可以有多个 footer元素，出现次数也没有限制。