HTML footer 标签

HTML footer 语法

在 HTML 中，footer 标签主要用于 2 个地方：一是 “页面底部”，二是 “文章底部”。

当 footer 用于页面底部时，它一般包含友情链接、版权声明、站点地图、备案信息等。
当 footer 用于文章底部时（即放在 article 标签内部），它一般包含 “上一篇/下一篇导航” 、 “文章分类” 、 “发布信息” 等。

语法：

<footer>
    ……
</footer>

说明：

footer 标签可以包含任何 HTML 合法标签，包括 div、ul、a、img 等。

HTML footer 摘要

属于	HTML 语义化
使用频率	高
兼容性	查看
官方文档	查看
MDN	查看

HTML footer 示例

接下来，我们通过一个简单的例子来讲解一下 HTML footer 标签是如何使用的。

示例：footer 标签的基本用法

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <article>
        <header>
            <h1>HTML5是什么？</h1>
            <p>作者、点赞、评论、浏览……</p>
        </header>
        <p id="content">文章内容……</p>
        <footer>
            <nav><a href="#">上一篇</a> | <a href="#">下一篇</a></nav>
        </footer>
    </article>
</body>
</html>

页面效果如下图所示。

HTML footer标签示例

HTML5 语义化标签

HTML5 新增了非常多结构性的语义化标签，以提高代码的可读性和利于 SEO，主要包括：