Tag HTML <footer>

Le tag <footer> met en évidence le pied de page ("sous-sol") du site Web ou de la partition. En règle générale, il contient des informations sur les droits d'auteur, les coordonnées, les liens de navigation, etc.

Dans une page, on peut placer plusieurs tags <footer>. Par exemple, on peut placer un pied de page dans le tag <article> pour le stockage d'informations liées à l'article (liens, notes de bas de page, etc.).

Le tag <footer> peut contenir des autres éléments HTML, sauf les tags <footer> et <header>.

Si le pied de page contient des informations de contact, il doit alors être placé dans le tag <address>.

Syntaxe

Le contenu du tag est écrit entre le tag ouvrant (<footer>) et le tag fermant (</footer>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du 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">Titre / Menu</div>
    <div class="main-content">
      <h1>Contenu principal</h1>
      <p>C'est un paragraphe. </p>
    </div>
    <footer>
      <p>Company © W3docs. All rights reserved.</p>
    </footer>
  </body>
</html>

Résultat

Attributs

Le tag <footer> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <footer> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <footer>:

Coloration du texte dans le tag HTML <footer>:

Styles de mise en page du texte pour la tag HTML <footer>:

Autres propriétés utiles pour le tag HTML <footer>:


Support de Navigateurs

6+ 4+ 5+ 11.1+


Trouvez-vous cela utile?

Articles Associées