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
Trouvez-vous cela utile?