44 votes

En HTML5, le<header> et<footer> les balises apparaissent en dehors du<body> étiqueter?

J'utilise actuellement les balises ci-dessus de cette manière (ordre des balises classique) :

 <html>
  <head>...</head>
  <body>
    <header>...</header>
    <section>...</section>
    <footer>...</footer>
  </body>
</html>

L'utilisation et les spécifications des balises étaient très rigides dans les versions précédentes de HTML (4.x), alors que HTML5 n'a pas vraiment besoin de balises <head> et même <body> .

J'utiliserais donc la structure suivante, qui à mon humble avis est beaucoup plus sémantique que la précédente.

 <html>
  <header>...</header>     <!-- put header and footer outside the body tag -->
  <body>
    <section>...</section>
    <section>...</section>
    <section>...</section>
  </body>
  <footer>...</footer>
</html>

Qu'est-ce que tu penses?

52voto

iuliux Points 1825

Eh bien, la <head> n'a rien à voir avec la balise <header> . Dans le head viennent toutes les métadonnées et autres, tandis que le header n'est qu'un composant de mise en page. Et la mise en page entre dans body . Donc je ne suis pas d'accord avec toi.

11voto

Tofu Warrior Points 309

Si vous voulez vraiment que cela ait l'air plus sémantique, comme avoir le <body> au milieu, vous pouvez utiliser l'élément <main> Avec toutes les avancées récentes, l' <body> n'est plus aussi sémantique qu'avant, mais il suffit de le considérer comme un wrapper dans lequel le viewport voit.

 <html>
    <head>
    </head>
    <body>
        <header>
        </header>
        <main>
            <section></section>
            <article></article>
        </main>
        <footer>
        </footer>
    <body>
</html>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X