Aller au contenu

Balise HTML <meta>

La balise <meta> contient des métadonnées, qui spécifient la description de la page, les mots-clés, l'auteur du document, etc. Les métadonnées sont utilisées par les navigateurs, les moteurs de recherche et d'autres services web, et ne sont pas affichées sur la page web. Un document web peut contenir plus d'une balise <meta>, mais généralement, l'apparence physique du document n'est pas affectée par celles-ci.

La balise <meta> est placée dans l'élément <head>.

Vous devez définir l'attribut content si les attributs name ou http-equiv sont utilisés. L'attribut content n'est pas utilisé avec l'attribut charset.

Syntaxe

La balise <meta> est vide, ce qui signifie que la balise de fermeture n'est pas requise. Cependant, dans XHTML, la balise <meta> doit être auto-fermante (<meta />).

Utilisation de la balise <meta> avec ses différentes valeurs

Définir les mots-clés pour les moteurs de recherche :

Balise HTML <meta>

html
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Définir la description du site web :

Balise HTML <meta>

html
<meta name="description" content="Tutorials on HTML, CSS and PHP">

Définir l'auteur de la page :

Balise HTML <meta>

html
<meta name="author" content="myauthor">

Actualiser le document toutes les minutes (60 secondes) :

Balise HTML <meta>

html
<meta http-equiv="refresh" content="60">

Définir la zone d'affichage (viewport) pour que le site web s'affiche correctement sur tous les appareils :

Balise HTML <meta>

html
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Attributs

AttributValeurDescription
charsetcharacter_setDéfinit l'encodage de caractères du document.
contenttextDéfinit la valeur des attributs name ou http-equiv.
http-equivcontent-type, default-style, refreshDéfinit un en-tête hypertexte (simule l'en-tête HTTP) et détermine son traitement.
nameapplication-name, author, description, generator, keywords, schemeDéfinit le nom de la balise meta.

La balise <meta> prend également en charge les Attributs globaux et les Attributs d'événement.

Practice

Quelle est l'utilité d'une balise meta en HTML ?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.