Le tag <meta> contient des métadonnées, qui indique au navigateur et au moteur de recherche des informations sur le document HTML (codage du document, données sur l’auteur, mots-clés, titre de méta et descriptions de page, etc.). Les métadonnées sur la page Web ne sont pas affichées.

Le tag <meta> est inclus dans le tag <head>. Dans un document il est permis d’utiliser plusieurs tags <meta>.

Les attributs du tag <meta> sont représentés par "name-value". Si vous utilisez l'attribut name ou http-equiv, la présence de l'attribut de contenu est requise.

Syntaxe

Le tag fermant n’est pas requis en HTML, mais en HTML le tag doit être fermé (</meta>).

Exemple

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

Définir la description de site Web:

<meta name="description" content="Tutoriels sur HTML, CSS et PHP">

Définir l'auteur de la page:

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

Actualisez le document toutes les minutes (60 secondes):

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

Définir la fenêtre d'affichage pour que le site Web ait une belle apparence sur tous les appareils:

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

Attributs

Attribut Valeur Description
charset character_set Définit l’encodage du document.
content text Spécifie la valeur de l'attribut name ou http-equiv, en fonction du contexte.
http-equiv Définit un en-tête hypertexte (simule un en-tête HTTP) et détermine son traitement. Lorsque la page est affichée, le navigateur suit les instructions spécifiées dans l'attribut.
content-type - indique le type de l’encodage du document.
default-style -indique le style préféré pour utiliser sur la page. (Doit contenir l'ID de l'élément <link> qui fait référence au tableau de style CSS ou l'ID d'élément <style> qui contient le tableau de style).
refresh - Spécifie la durée en secondes avant le rechargement de la page ou l'heure avant la redirection vers une autre page, si "url = adresse_page" est spécifié après l'heure spécifiée.
name Spécifie le nom de la balise meta. Si cet attribut est omis, il est considéré comme équivalent à l'attribut http-equiv. Non utilisé lorsqu'il existe des attributs http-equiv, charset ou itemprop.
application-name -Définit le nom de l'application Web utilisée sur la page.
author -indique le nom de l’auteur de page Web.
description -contient la description de la page Web, destiné pour les moteurs de recherche.
generator -Décrit le logiciel utilisé pour créer la page (pour les pages non manuscrites).
keywords -contient des mots-clés
scheme format/url Contient des informations sur le schéma ou le nom du schéma lui-même, qui doit être utilisé pour affiner la valeur de la propriété de l'attribut de contenu.
Non supporté en HTML5.

Le tag <meta> supporte également les Attributs globaux et les Attributs d'événements.

Support de Navigateurs

chrome edge firefox safari opera

Pratiquez vos connaissances

Quel est le rôle de la balise meta dans HTML?
Trouvez-vous cela utile?