Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLMetaElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨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

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 Obsolète

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">.

Spécifications

Specification
HTML
# htmlmetaelement

Compatibilité des navigateurs

Voir aussi

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