Qu'est-ce qu'un en-tête HTML ? Définition et utilisation

En bref : Qu'est-ce qu'un en-tête HTML ?

Le langage HTML sert à structurer les textes et autres éléments et à les présenter correctement. L'élément d'en-tête est un élément d'introduction qui peut contenir, entre autres, le titre, le logo et le menu de navigation d'une page. Ainsi, l'en-tête HTML se trouve au début d'une page web et précède l'élément body qui contient le contenu de la page.

"header" ou "head", telle est la question !

Les éléments "header" et "head" se ressemblent de par leur désignation, mais se distinguent nettement de par leur fonction. L'élément "header" peut être utilisé plusieurs fois sur chaque page web, alors que "head" n'est utilisé qu'une seule fois. La définition et la distinction des deux types de balises sont abordées ci-après.

Das Tag <head> kurz und kompakt!

Mit dem Tag <head> wird der obere Bereich einer Webseite eröffnet.

In diesem Tag sind zahlreiche Informationen enthalten, von denen der Großteil für die Website-Besucher nicht einsehbar ist. Doch für die Algorithmen der Suchmaschinen (z. B. Googlebot) und für die Browser ist nahezu jede im Page-Header enthaltene Information unverzichtbar. Geschlossen wird dieses Header-Element mit dem Tag </head>.

En raison de l'importance considérable de cet élément pour la représentation techniquement correcte et la possibilité de consultation de chaque page Web, l'en-tête de page sera abordé plus en détail dans la suite de l'article.

Das Tag <header> kurz und kompakt!

Die Inhalte inmitten der Tags <header> und </header> sind für Website-Besucher sichtbar. Zum Einsatz kommen diese Tags sowohl in den sichtbaren Kopf-Bereichen einer Webseite als auch zwischendurch auf der Webseite.

Man kann sich merken, dass überall dort, wo nicht nur die Überschriften <h1>, <h2>, <h3> etc. stehen, sondern auch Bilder, Videos oder besondere Visualisierungen in Kombination mit diesen Überschriften genutzt werden, ein zusätzliches Header-Tag zum Einsatz kommen kann.

Dort hingegen, wo nur die Überschriften <h1>, <h2>, <h3> etc. stehen, muss man von einem zusätzlichen Header-Tag keinen Gebrauch machen, weil dies die Webseite nur unnötig aufblähen würde.

Lors d'un entretien stratégique gratuit sur le référencement, nous découvrirons les potentiels inexploités et élaborerons une stratégie pour que tu aies plus de succès sur Google.

head (tête) : Un élément avec plusieurs fonctions importantes

Les fonctions remplies par l'élément heading sur chaque site web et sur chaque sous-page du site peuvent être résumées en trois points clés.

Transmission d'informations sur la page: chaque page web a un titre et un contenu différents et se distingue également des autres sous-pages d'un site web. Le heading contient les informations les plus importantes sur une page.
Explication de la relation avec les autres pages: L'intégration du menu de navigation dans l'élément head permet de clarifier la relation entre la page visitée et les autres sous-pages du site Web - par exemple, s'il s'agit d'une page de catégorie ou d'une page Web subordonnée dans la structure du menu.
Contrôle de l'affichage des contenus: Pour que tous les éléments souhaités soient affichés dans le bon ordre et dans le bon style, l'élément head est nécessaire.

A l'exception de la balise title, aucun élément de contenu du heading n'est visible pour les utilisateurs dans le navigateur. Cette balise de titre est d'ailleurs d'une importance capitale pour l'optimisation des moteurs de recherche (SEO), en particulier pour le SEO on-page et pour le SEO technique :

Tous les exploitants de sites web qui souhaitent obtenir un bon classement dans les moteurs de recherche avec leur site web et ses sous-pages doivent accorder une grande importance à un en-tête de page soigné et correctement placé sur le plan technique.

Je suis connu des grands médias comme Stern, GoDaddy, Onpulson & Frühstücksfernsehen et j'ai déjà fait plus de 100+ clients de renom sur Google.

Évaluation Google

Basé sur 185 évaluations

Évaluation Trustpilot

Basé sur 100 évaluations

Placer correctement la balise d'en-tête HTML - les conseils les plus importants

La balise head fait partie des types de balises qui se composent d'une balise d'ouverture et d'une balise de fermeture. Alors que la balise alt ne nécessite qu'une balise d'ouverture et aucune balise de fermeture, l'en-tête HTML requiert les deux balises. Voilà à quoi cela ressemble :

Öffnend: <head>
Schließend: </head>

Le contenu souhaité est placé entre les deux balises. Des exemples de contenus d'en-tête typiques sont les titres, la méta-description et d'autres métadonnées, les logos, la navigation et d'autres éléments d'introduction. L'en-tête permet en outre de définir des règles CSS locales à l'intérieur de la balise "style".

Pour une intégration correcte de l'élément heading, il est important qu'il ne soit pas utilisé dans les éléments "address", "footer" et "head". Placer une balise head dans le heading lui-même ou dans les deux autres balises mentionnées serait une erreur technique qui empêcherait la page Web d'être lue correctement.

Das Heading setzt als einleitendes Element direkt nach Beginn des HTML-Dokuments, also der Webseite, an – will meinen: Nach „<html>“ kommt das öffnende Header-Tag „<head>“. Auf dieses Heading folgt der Body-Teil, der einen öffnenden und schließenden Body-Tag enthält. Im Body werden beispielsweise der Content (öffnend „<article>“ und schließend „</article>“) der Seite und die Kontaktdaten des Autors bzw. Website-Betreibers (öffnend „<address>“ und schließend „</address>“) hinterlegt.

Conclusion : qu'est-ce qu'un en-tête HTML ?

Der Begriff HTML-Header wird fälschlicherweise für zwei verschiedene Elemente genutzt: für <head> und <header>.

Die Unterscheidung beider Elemente ist jedoch essenziell, denn vor allem das Element <head> erfüllt eine unverzichtbare Funktion: Es sollte immer am Anfang des HTML-Dokuments genutzt werden und mit dem Title, den Metadaten sowie weiteren Angaben die wichtigsten Informationen über die Seite liefern.

Anders ist es mit den <header>-Elementen, die mehrmals verwendet werden können und die Überschriften-Bereiche rund um die <h1>, <h2>, <h3> und weitere Überschriften definieren.