HTMLMetaElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das HTMLMetaElement Interface enthält beschreibende Metadaten über ein Dokument, die in HTML als <meta>-Elemente bereitgestellt werden. Dieses Interface erbt alle Eigenschaften und Methoden, die im HTMLElement-Interface beschrieben sind.

Instanz-Eigenschaften

Erbt Eigenschaften von seinem übergeordneten Element, HTMLElement.

<meta#charset>: Die Zeichenkodierung für ein HTML-Dokument.
HTMLMetaElement.content: Der 'Wert'-Teil der Namens-Wert-Paare der Dokumentmetadaten.
HTMLMetaElement.httpEquiv: Der Name der Pragma-Direktive, des HTTP-Antwort-Headers, für ein Dokument.
HTMLMetaElement.media: Der Medienkontext für eine theme-color Metadateneigenschaft.
HTMLMetaElement.name: Der 'Name'-Teil der Namens-Wert-Paare, die die benannten Metadaten eines Dokuments definieren.
HTMLMetaElement.scheme Veraltet: Definiert das Schema des Wertes im HTMLMetaElement.content-Attribut. Dies ist veraltet und sollte auf neuen Webseiten nicht verwendet werden.

Instanz-Methoden

Keine spezifische Methode; erbt Methoden von seinem übergeordneten Element, HTMLElement.

Beispiele

Die folgenden zwei Beispiele zeigen einen allgemeinen Ansatz zur Nutzung des HTMLMetaElement-Interfaces. Für spezifische Beispiele siehe die Seiten zu den einzelnen Eigenschaften, wie im Abschnitt Instanz-Eigenschaften oben beschrieben.

Einstellen der Seitenbeschreibung Metadaten

Das folgende Beispiel erstellt ein neues <meta>-Element mit einem name-Attribut, das auf description gesetzt ist. Das content-Attribut setzt eine Beschreibung des Dokuments und wird dem Dokument-<head> angehängt:

const meta = document.createElement("meta");
meta.name = "description";
meta.content =
  "The <meta> element can be used to provide document metadata in terms of name-value pairs, with the name attribute giving the metadata name, and the content attribute giving the value.";
document.head.appendChild(meta);

Einstellen der Viewport-Metadaten

Das folgende Beispiel zeigt, wie ein neues <meta>-Element mit einem name-Attribut erstellt wird, das auf viewport gesetzt ist. Das content-Attribut setzt die Viewport-Größe und wird dem Dokument-<head> angehängt:

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

Für weitere Informationen zur Einstellung des Viewports siehe Grundlagen des Viewports.

Spezifikationen

Specification
HTML # htmlmetaelement

Browser-Kompatibilität

Siehe auch

Das HTML-Element, das dieses Interface implementiert: <meta>