Que signifie la balise d'en-tête en HTML5 ? Savez-vous comment utiliser la balise header en HTML5 ?

Que signifie la balise d'en-tête en HTML5 ? Savez-vous comment utiliser la balise header en HTML5 ? Cet article présente principalement la balise head HTML5

en détail, expliquant son utilisation et ses instructions.

Introduction à la page d'accueil :

<header>
<h1>Welcome to my homepage</h1>
<p>My name is Donald Duck</p>
</header>
<p>The rest of my home page...</p>

La définition et l'utilisation de l'en-tête. en HTML : la balise

définit l'en-tête (informations d'introduction) du document.

L'élément HTML

est utilisé pour représenter une préface ou un contenu de navigation. Il peut contenir des éléments de titre et peut également placer certains éléments tels que des logos, des champs de recherche ou d'autres éléments

Instructions d'utilisation : L'élément

n'est pas un élément qui peut former le contenu d'un paragraphe, il n'a donc pas besoin d'être reflété dans le répertoire de contenu. .

Exemple d'utilisation :

<header>
  a logo
</header>

Différences entre HTML 4.01 et HTML 5 La balise

 : Décrit la zone d'en-tête du document, qui est utilisée pour définir la zone d'affichage d'introduction du contenu

La balise d'en-tête est différente de l'en-tête. La balise avec laquelle nous sommes le plus familiers est souvent plus couramment utilisée. Définissez l'en-tête de l'article. Analysons brièvement l'utilisation de la balise d'en-tête en HTML5 :

, 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.

La balise d'en-tête est définie comme suit dans la nouvelle norme :

"A group of introductory or navigational aids.”

La signification fondamentale de est "un ensemble de navigation d'introduction -contenu auxiliaire lié ». 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’autres contenus 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

peut également inclure le contenu du tableau, le logo, le formulaire de recherche, la navigation

<header>  
 <h1>PHP中文网</h1>  
 <p>专注于前端后台开发授课</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;}

Si vous souhaitez en savoir plus sur la balise footer, veuillez cliquer ici : Savez-vous comment utiliser la balise footer en HTML5 ? , que signifie la balise footer en HTML5 ?

Cet article explique en détail la balise d'en-tête en HTML5. Si vous avez d'autres questions, vous pouvez les poser ci-dessous.

[Recommandations associées]

Quels sont les attributs de la balise HTML IMG ? Comprendre l'utilisation de la balise IMG

Qu'est-ce que le Web en HTML5 ? Quels sont les éléments du stockage Web ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!