Accueil    HTML    Balise Footer
 



balise footer  Balise FOOTER : section de pied de page

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome 20.0 et plus
  • Firefox 14.0.1 et plus
  • IE 9 et plus
  • Opera 12 et plus
  • Safari 5.1.7 et plus



La balise <footer> est utilisée pour décrire le pied de page d'un document ou d'une section et est censée contenir des informations relatives au contenu qui le précède telles que les données relative à l'auteur, des liens vers des documents similaires. Pour un pied de page générique de site, on retrouvera par exemple un lien vers le plan du site des informations de copyright et de contact.

Les balises <header>, <nav>, <footer>, <section>, <article> et <aside> (entre autre) redéfinissent les mises en forme historiques des pages web avec des éléments <div> suivant une nouvelle approche sémantique :

structure html5



Exemple d'utilisation de la balise footer :




Exemple de mise en forme d'un footer au sein d'un article :

<article class="article">
   <header>
      <h1 class="titre-article">Titre de l'article</h1>
   </header>
   <p>
      Descriptif
      ...
      ...
      ...
      ...
      ...
      ...
   </p>
   <footer>
      <time datetime="2012-07-01" pubdate="pubdate">Publié le 01/07/2012</time>
      <Par : auteur de l'article
   </footer>
</article>


Visualiser un exemple complet avec la mise en place des différentes sections.


Exemple de mise en forme d'un footer au sein d'un article :

Titre de l'article


Texte de l'article
...
...
...
...
...
...



Par : auteur de l'article