Une brève analyse de l'utilisation des balises d'en-tête en HTML5

La balise

définit l'en-tête du document, généralement des informations de guidage et de navigation. Il ne se limite pas à être écrit dans l’en-tête de la page web, mais peut également être écrit dans le contenu de la page web.
Dans la nouvelle norme, la balise d'en-tête est définie comme suit :

"Un groupe d'aides d'introduction ou de navigation."
Signifie essentiellement "un groupe de contenu auxiliaire d'introduction lié à la navigation". Littéralement comprise, la balise header définit non seulement le contenu de l'en-tête de la page, mais peut également définir l'introduction d'un autre contenu sous l'en-tête de la page. Cela n’est pas tout à fait cohérent avec notre définition traditionnelle d’en-tête de page.
Habituellement, la balise

contient au moins (mais sans s'y limiter) une balise d'en-tête (

-

), et peut également inclure la balise

contenu du tableau, logo, formulaires de recherche, navigation

<header>  

     <h1>雨打浮萍</h1>  

     <p>专注于web前端开发</p>  

    </header>  

    <article>  

     <header>  

      <h1>html5语义化标签之结构标签</h1>  

      <p>article、section、hgroup、aside、nav...</p>  

     </header>  

     <p>...这里面包含很多东西...</p>  

    </article>

Dans la structure ci-dessus, nous pouvons voir qu'en utilisant l'en-tête, nous définissons le titre et le contenu d'un article. La balise header utilisée ici n’est pas l’en-tête de la page, mais l’en-tête de l’article.

Ainsi en HTML5, l'utilisation des en-têtes est plus souple, et vous pouvez définir et organiser la structure du document selon vos besoins.

De même, lors de la structuration d'une page, la balise header est généralement placée en haut de la page, mais si vous souhaitez la placer à gauche, à droite ou même en bas, peu importe la balise. définit uniquement son emplacement sur la page, pas son emplacement. Bien entendu, cela repose davantage sur les principes d’optimisation des moteurs de recherche. Le contenu important est finalement avancé lors de la structuration de la page.
Enfin, puisque l'en-tête est un élément de bloc en HTML5, si nous voulons l'utiliser dans la plupart des navigateurs grand public, il est préférable de définir CSS comme suit.

header { display:block;}

Ce qui précède est une brève analyse de l'utilisation des balises d'en-tête en HTML5. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (. www.php.cn) !