Tag HTML <meta>
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
✓ | ✓ | ✓ | ✓ | ✓ |