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

寻∝梦

Libérer： 2018-08-15 17:48:28

original

8971 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

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>

Copier après la connexion

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.