HTMLMetaElement

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

L'interface HTMLMetaElement contient les métadonnées descriptives d'un document fournies en HTML via les éléments <meta>. Cette interface hérite de toutes les propriétés et méthodes décrites dans l'interface HTMLElement.

EventTarget Node Element HTMLElement HTMLMetaElement

Dans cet article

Propriétés d'instance

Hérite des propriétés de son parent, HTMLElement.

<meta#charset>

L'encodage de caractères pour un document HTML.

HTMLMetaElement.content

La partie « valeur » des paires nom-valeur des métadonnées du document.

HTMLMetaElement.httpEquiv

Le nom de la directive pragma, l'en-tête de réponse HTTP, pour un document.

HTMLMetaElement.media

Le contexte média pour une propriété de métadonnée theme-color.

HTMLMetaElement.name

La partie « nom » des paires nom-valeur définissant les métadonnées nommées d'un document.

HTMLMetaElement.scheme

Définit le schéma de la valeur dans l'attribut HTMLMetaElement.content. Cet attribut est obsolète et ne doit pas être utilisé sur de nouvelles pages web.

Méthodes d'instance

Aucune méthode spécifique ; hérite des méthodes de son parent, HTMLElement.

Exemples

Les deux exemples suivants montrent une approche générale pour utiliser l'interface HTMLMetaElement. Pour des exemples spécifiques, consultez les pages des propriétés individuelles comme décrit dans la section Propriétés d'instance ci-dessus.

Définir la métadonnée de description de la page

L'exemple suivant crée un nouvel élément <meta> avec un attribut name défini sur description. L'attribut content définit une description du document et est ajouté à l'élément <head> du document :

js
const meta = document.createElement("meta");
meta.name = "description";
meta.content =
  "L'élément <meta> peut être utilisé pour fournir des métadonnées de document sous forme de paires nom-valeur, l'attribut name donnant le nom de la métadonnée et l'attribut content la valeur.";
document.head.appendChild(meta);

Définir la métadonnée viewport

L'exemple suivant montre comment créer un nouvel élément <meta> avec un attribut name défini sur viewport. L'attribut content définit la taille de la zone d'affichage et est ajouté à l'élément <head> du document :

js
const meta = document.createElement("meta");
meta.name = "viewport";
meta.content = "width=device-width, initial-scale=1";
document.head.appendChild(meta);

Pour plus d'informations sur la définition de la zone d'affichage, voir <meta name="viewport">.

Élément HTML implémentant cette interface : <meta>

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 19 oct. 2025 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLMetaElement
Propriétés d'instance
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript