English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Les balises HTML <meta> contiennent des informations ou des métadonnées non visibles directement sur la page web mais utilisées par les navigateurs et les moteurs de recherche. Ce tag est également connu sous le nom d'élément <meta>.
Décrivez les métadonnées du document HTML :
!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag."> <meta name="keywords" content="html, meta, tag, element"> <meta name="author" content="fr.oldtoolbag.com"> <title>Site de tutoriels de base (oldtoolbag.com)</title> </head> <body> </body> </html>Testons pour voir ‹/›
dans ce HTML5dans l'exemple de document, nous avons créé5tags meta. Le premier tag meta (charset）définit le codage des caractères du document HTML. Lors de la conception des sites Web réactifs, on utilise le second tag meta (viewport）。Le troisième tag meta (description) fournit une description de la page Web pour les moteurs de recherche. Le quatrième marqueur de métadonnées (Mots-clés）fournit des mots-clés pour les moteurs de recherche. Le tag meta final (author) définit l'auteur de la page Web.
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires supportent le tag <meta>.
Les métadonnées (Metadata) sont des informations sur les données.
Le tag <meta> fournit les métadonnées du document HTML. Les métadonnées ne s'affichent pas sur le client, mais sont analysées par le navigateur.
Les éléments META sont généralement utilisés pour spécifier la description de la page Web, les mots-clés, la date de dernière modification du fichier, l'auteur et d'autres métadonnées.
Les métadonnées peuvent être utilisées par les navigateurs (comment afficher le contenu ou recharger la page), les moteurs de recherche (mots-clés), ou d'autres services Web.
Remarque :Le tag <meta> est généralement placé dans le <head> .
Remarque : Les métadonnées sont généralement situées dans la zone/apparaît en valeur pair.
Remarque : Si l'attribut name n'est pas fourni, alors le nom/Le nom dans la valeur du couple est adopté par http-la valeur de l'attribut equiv.
HTML5 ne supporte pas la propriété scheme.
Dans HTML5 Dans ce cas, il y a une nouvelle propriété charset qui rend la définition de la charset plus facile :
HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5: <meta charset="UTF-8">
Dans HTML, le tag <meta> n'a pas de balise de fermeture.
Dans XHTML, le tag <meta> doit inclure une balise de fermeture.
Exemple 1 - Définir les mots-clés du document, utilisés par les moteurs de recherche :
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
Exemple 2 - Définir la description de la page web :
<meta name="description" content="Free Web tutorials on HTML and CSS">
Exemple 3 - Définir l'auteur de la page :
<meta name="author" content="nhoo.com">
Exemple 4 - chaque30 secondes pour rafraîchir la page :
<meta http-equiv="refresh" content="30">
New : HTML5 Nouvel attribut.
| Attribut | Valeur | Description |
|---|---|---|
| charsetHTML5 | character_set | Définir l'encodage des caractères du document. |
| content | text | Définir avec http-Informations metadata liées à l'attribut equiv ou name. |
| http-equiv | content-type default-style refresh | Lié l'attribut content à l'en-tête HTTP. |
| name | application-name auteur description generator keywords | Lié l'attribut content à un nom. |
| scheme | format/URI | HTML5Non pris en charge. Définir le format pour la valeur de l'attribut content. |
Le balise <meta> supporte tous les Attributs d'événement HTML.
Tutoriel HTML :En-tête HTML