HTML <footer> Tag
Exemple
Une section de pied de page dans un document :
<footer>
<p>Auteur : Hege Refsnes</p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer> Plus d'exemples "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 :
- des informations sur l'auteur
- des informations sur le droit d'auteur
- des informations de contact
- un plan du site
- des liens vers le haut de la page
- des documents connexes
Vous pouvez avoir plusieurs éléments <footer> dans un document.
Conseils et Remarques
Conseil : Les informations de contact à l'intérieur d'un élément <footer> devraient être placées à l'intérieur d'une balise <address> .
Support des Navigateurs
Les chiffres 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 d'Événement
La balise <footer> 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>Auteur : Hege Refsnes<br>
<a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
</body>
</html> Pages Connexes
Référence DOM HTML : 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;
}