HTML宝典(第 1 版)
2.1.8 footer元素
阅读(

HTML基础

HTML元素

结构语义元素

aside元素

section元素

article元素

main元素

nav元素

header元素

h1~h6元素

footer元素

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 所示:

网站页脚
图2-3 网站页脚

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

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

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

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验