MEILLEUR SITE POUR LES DÉVELOPPEURS WEB
HTML5. W3Schools en français. Le guide complet des tags

En Ua Es De Ru

Balise HTML <footer>


Exemple

Une section de pied de page dans un document :

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
Try it Yourself »

Plus d'exemples "Try it Yourself" (« Essayez-le vous-même ») ci-dessous.


Définition et utilisation

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

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

  • Informations sur l'auteur
  • Copyright
  • Coordonnées
  • Plan du site
  • Liens vers le haut
  • Documents connexes

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


Conseils et notes

Astuce : Les informations de contact à l'intérieur d'un élément <footer> doivent être placées dans une balise <address>.


Prise en charge du navigateur

Les numéros dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'élément.

Élément
<footer> 5.0 9.0 4.0 5.0 11.1

Attributs globaux

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


Attributs de l'événement

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


Plus d'exemples

Exemple

Utiliser CSS pour le style <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:hege@example.com">hege@example.com</a></p>
</footer>

</body>
</html>
Try it Yourself »

Pages connexes

HTML DOM référence : Objet Footer


Paramètres CSS par défaut

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

footer {
  display: block;
}