Balise HTML <footer>

定义和用法

<footer> 标签定义文档或小节的页脚。

<footer> 元素通常包含：

  • 作者信息
  • 版权信息
  • 联系信息
  • 站点地图
  • 返回顶部链接
  • 相关页面

您可以在一个文档中包含多个 <footer> 元素。

另请参阅：

HTML DOM 参考手册：Footer 对象

实例

例子 1

文档中的页脚部分：

<footer>
  <p>作者：Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

Essayez-le vous-même

例子 2

使用 CSS 设置 <footer> 的样式：

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>
<footer>
  <p>Auteur : Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

Essayez-le vous-même

Avis et commentaires

Avis :<footer> Les informations de contact dans l'élément doivent être placées <address> dans les balises.

Attributs globaux

<footer> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<footer> Les balises prennent également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

La plupart des navigateurs utiliseront les valeurs suivantes par défaut pour afficher <footer> Élément :

footer {
  display: block;
}

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge l'élément pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1