Balise HTML <footer>
La balise <footer> définit le pied de page d'une page web ou d'une section. Elle contient généralement des informations sur les droits d'auteur, les coordonnées, des liens de navigation, etc.
Vous pouvez utiliser plusieurs balises <footer> sur une page web. Par exemple, vous pouvez placer un pied de page à l'intérieur de la balise <article> pour stocker des informations liées à l'article (liens, notes de bas de page, etc.).
La balise peut contenir d'autres éléments HTML, mais elle ne peut pas contenir une autre balise <footer> ou <header> s'ils sont des descendants du même contenu de section.
La balise <footer> fait partie des éléments HTML5.
TIP
Si le pied de page contient des coordonnées, vous devez le placer dans la balise <address>.
L'élément <footer> peut contenir les éléments suivants :
- les informations sur les droits d'auteur, l'auteur et les coordonnées
- les documents connexes
- le plan du site
- les liens « retour en haut »
Syntaxe
La balise <footer> s'utilise par paire. Le contenu est écrit entre la balise d'ouverture (<footer>) et la balise de fermeture (</footer>).
Exemple de la balise HTML <footer> :
Balise HTML <footer>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.header {
height: 40px;
padding: 20px 20px 0;
background: #e1e1e1;
}
.main-content {
height: 60vh;
padding: 20px;
}
footer {
padding: 10px 20px;
background: #666;
color: white;
}
a {
color: #00aaff;
}
</style>
</head>
<body>
<div class="header">Header / Menu</div>
<div class="main-content">
<h1>Main content</h1>
<p>This is some paragraph. </p>
</div>
<footer>
<p>Company © W3docs. All rights reserved.</p>
</footer>
</body>
</html>Résultat
Attributs
La balise <footer> prend en charge les Attributs globaux et les Attributs d'événement.
Comment styliser une balise HTML <footer>
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}Pratique
Quelle est la fonction de la balise HTML <footer> et où est-elle placée dans une page web ?