Aller au contenu

Topic C

Description

L'élément HTML <header> représente du contenu introductif, généralement un groupe de contenu introductif ou de contenu aidant à la navigation. Il peut contenir des éléments de titre, mais aussi d'autres éléments tels qu'un logo, un formulaire de recherche, le nom d'auteur, etc.

Utilisation

L’élément <header> ne constitue pas une section de contenu à part entière et ne crée donc pas de nouvelle section dans la structure du document. Il sert plutôt à regrouper l’en-tête de la section à laquelle il appartient — souvent un titre (<h1> à <h6>) — bien que ce ne soit pas une obligation.

Exemples

<header>
  <a class="logo" href="#">Cute Puppies Express!</a>
</header>

<article>
  <header>
    <h1>Beagles</h1>
    <time>08.12.2014</time>
  </header>
  <p>
    I love beagles <em>so</em> much! Like, really, a lot. They’re adorable and
    their ears are so, so snugly soft!
  </p>
</article>

<article>
  <header>
    <h2>La planète Terre</h2>
    <p>
      Publié le mercredi <time datetime="2017-10-04">4 octobre 2017</time> par
      Jeanne Smith
    </p>
  </header>
  <p>Nous vivons sur une planète bleue et verte</p>
  <p>
    <a href="https://example.com/the-planet-earth/">Poursuivre la lecture…</a>
  </p>
</article>

Compatibilité

Compatibilité des navigateurs

Topic C

Description

L’élément HTML <footer> correspond à la zone de pied de page d’une section ou de la section principale la plus proche. Il contient généralement des informations sur l’auteur ou l’autrice, des mentions de droit d’auteur (copyright), ainsi que des liens vers d’autres pages ou documents associés.

Utilisation

L’élément HTML <footer> représente le pied de page d’une section ou de la section principale la plus proche. Il contient généralement des informations sur l’auteur ou l’autrice, les mentions de droit d’auteur (copyright) ainsi que des liens vers d’autres pages ou documents liés. Les informations concernant l’auteur ou l’autrice doivent être placées dans un élément <address> inclus à l’intérieur du <footer>. Ce dernier n’est pas un élément sectionnant, il ne crée donc pas de nouvelle section dans la structure du document. Il sert principalement à regrouper des informations comme les contacts, les mentions légales ou des liens utiles, ce qui contribue à une meilleure organisation et à une structure sémantique plus claire en HTML.

Exemples

<article>
  <h1>How to be a wizard</h1>
  <ol>
    <li>Grow a long, majestic beard.</li>
    <li>Wear a tall, pointed hat.</li>
    <li>Have I mentioned the beard?</li>
  </ol>
  <footer>
    <p>© 2018 Gandalf</p>
  </footer>
</article>

<body>
  <h3>Les écrivains français du XIX<sup>ème</sup> siècle</h3>
  <ul>
    <li>Hugo</li>
    <li>Flaubert</li>
    <li>Zola</li>
    <li>Maupassant</li>
  </ul>

  <footer>
    <small>Copyright © 2023 Littérature.com. Tous droits réservés.</small>
  </footer>
</body>

Compatibilité

Compatibilité des navigateurs