Balise META
Rôle
La balise <meta> fournit des métadonnées sur le document HTML.
Les métadonnées concernent les mots clés associés à la page, sa description (repris par google), les informations sur l’auteur ou encore des informations d’encodage de cette page.
Les métadonnées ne sont pas visible mais analyser par les navigateurs, les moteurs de recherche, ou autres services web
La balise <meta> doit toujours se trouver dans la balise head
Testez vous-même cette balise
Utilisez Codepen.
Voici le resultat
Compatibilité
La balise <meta> est pris en charge par tous les principaux navigateurs
Attributs spécifiques
Attributs spécifiques à cet élément
- charset
- Spécifie l’encodage des caractères de la page
Syntaxe :
<meta charset="UTF-8"> - content
- Spécifie la valeur associée à l’attribut name ou l’attribut http-equiv
Syntaxe :
<meta name="keywords" content="HTML,CSS,XML,JavaScript"> - http-equiv
- Précise l’en-tête HTTP concernant la valeur ou l’information contenu dans l’attribut content . Cet attribut permet de fournir certaines informations au navigateur comme le type de contenu ou le style CSS préféré pour la page HTML. Cet attribut peut aussi modifier le comportement du navigateur comme déclencher le rafraichissement de la page à interval régulier
Syntaxe :
<meta http-equiv="refresh" content="300" > Valeurs possible :- content-type : spécifie le type MINE du contenu de la page (déconseillé, utiliser <meta charset.. )
- default-style : spécifie le style CSS par défaut de la page
- refresh : pour rafraichir la page à interval régulier
- name
- Précise le nom des métadonnées en rapport avec l’attribut content . A utiliser que si l’attribut http-equiv n’est pas défini
Syntaxe :
<meta name="description" content="Le résumé de la page">
Valeurs possible :- application-name : indique le nom de l’application Web que la page représente
- author : indique le nom de l’auteur du document
- description : resume le contenu de la page
- generator : indique l’un des logiciels utilisés pour générer le document (non utilisé sur les pages écrites manuellement)
- keywords : énumère les mots clés associés à la page
- scheme
- Précise le format du contenu de l’attribut content
Syntaxe :
<meta name="date" content="2009-01-02" scheme="YYYY-MM-DD" >
