Balise HTML <pied de page>


Exemple

Une section de pied de page dans un document :

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>

Plus d'exemples "Essayez-le vous-même" ci-dessous.


Définition et utilisation

La <footer>balise définit un pied de page pour un document ou une section.

Un <footer>élément contient généralement :

  • informations sur l'auteur
  • Informations sur le droit d'auteur
  • Informations de contact
  • plan du site
  • retour en haut des liens
  • documents connexes

Vous pouvez avoir plusieurs <footer>éléments dans un même document.


Conseils et remarques

Conseil : les informations de contact à l'intérieur d'un <footer>élément doivent être insérées dans une balise <address> .


Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'élément.

Element
<footer> 5.0 9.0 4.0 5.0 11.1

Attributs globaux

La <footer>balise prend également en charge les attributs globaux en HTML .


Attributs d'événement

La <footer>balise prend également en charge les attributs d'événement en HTML .



Plus d'exemples

Exemple

Utilisez CSS pour styliser <footer> :

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>

<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:[email protected]">[email protected]</a></p>
</footer>

</body>
</html>

Pages connexes

Référence HTML DOM : objet de pied de page


Paramètres CSS par défaut

La plupart des navigateurs afficheront l' <footer>élément avec les valeurs par défaut suivantes :

footer {
  display: block;
}