web-dev-qa-db-fra.com

html5: utiliser deux fois la balise d'en-tête ou de pied de page?

question rapide: est-il réellement autorisé d'utiliser deux fois la balise d'en-tête? par exemple. J'ai deux sections de tête importantes dans mon header.php où les deux pourraient avoir une balise d'en-tête?

htmlhtml5headersemantics
60
matt

Oui, mais avec un hic. Les documents W3 indiquent que les balises représentent les zones d'en-tête et de pied de page de leur section ancêtre la plus proche. Je recommanderais d'en avoir autant que vous le souhaitez, mais seulement 1 de chaque pour chaque "section" de votre page, c'est-à-dire le corps, la section, etc.

À partir de W3

Un élément d'en-tête est généralement destiné à contenir l'en-tête de la section (un élément h1 – h6 ou un élément hgroup), mais cela n'est pas obligatoire. L'élément d'en-tête peut également être utilisé pour envelopper la table des matières d'une section, un formulaire de recherche ou tout autre logo pertinent.

=========================

L'élément pied de page représente un pied de page pour son ancêtre le plus proche contenu de section ou élément racine de sectionnement. Un pied de page contient généralement des informations sur sa section telles que qui l'a écrit, des liens vers des documents connexes, des données de copyright, etc.

Voici les liens vers leur documentation standard respective: en-tête et pied de page

76
linusthe3rd

Oui vous pouvez utiliser plusieurs éléments header dans vos documents, par en vertu de la documentation w3c :

Un élément d'en-tête est généralement destiné à contenir l'en-tête de la section (un élément h1 – h6 ou un élément hgroup), mais cela n'est pas obligatoire. L'élément d'en-tête peut également être utilisé pour envelopper la table des matières d'une section, un formulaire de recherche ou tout autre logo pertinent.

Assurez-vous cependant qu'il est sémantiquement correct.

7
Marcus Whybrow

Dans certaines situations, il est possible de mettre deux <header> en single <article>/<section> comme ça, alors pourquoi pas.

 <article>

      <!-- Feature Image on the LEFT -->
      <div class="position-left">
         ...featrue image...
        <header>
        ...H1 title ...  
        </header>
      </div>

      <!-- Content on the RIGHT with subtitle, date, etc -->
      <div class="position-right">
        <header>
          ..date, sub-title, etc...
        </header>
        ...content...
        <footer>..</footer>
      </div>

    </article>
2
iMarshal

Il n'y a aucune pénalité pour l'utilisation de deux balises d'en-tête, mais assurez-vous que cela a du sens.

Bon codage!

2
Horia Dragomir

Le <header> est utilisé pour marquer l'en-tête de par ex. articles dans des journaux, donc si vous avez plusieurs articles, vous pouvez utiliser plusieurs <header>.

C'est comme utiliser plusieurs <h1>. Cela n'a de sens que dans certains cas particuliers.

2
Floern