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.

Die HTMLMetaElement-Schnittstelle enthält beschreibende Metadaten über ein Dokument, die in HTML als <meta>-Elemente bereitgestellt werden. Diese Schnittstelle erbt alle Eigenschaften und Methoden, die in der HTMLElement-Schnittstelle beschrieben sind.

EventTarget Node Element HTMLElement HTMLMetaElement

Instanzeigenschaften

Erbt Eigenschaften von seinem Elternteil, HTMLElement.

<meta#charset>

Die Zeichenkodierung für ein HTML-Dokument.

HTMLMetaElement.content

Der 'value'-Teil der Namen-Wert-Paare der Dokument-Metadaten.

HTMLMetaElement.httpEquiv

Der Name der Pragma-Direktive, des HTTP-Antwort-Headers, für ein Dokument.

HTMLMetaElement.media

Der Medienkontext für eine theme-color-Metadaten-Eigenschaft.

HTMLMetaElement.name

Der 'name'-Teil der Namen-Wert-Paare, die benannte Metadaten eines Dokuments definieren.

HTMLMetaElement.scheme

Definiert das Schema des Wertes im HTMLMetaElement.content-Attribut. Dies ist veraltet und sollte in neuen Webseiten nicht mehr verwendet werden.

Instanzmethoden

Keine spezifische Methode; erbt Methoden von seinem Elternteil, HTMLElement.

Beispiele

Die folgenden zwei Beispiele zeigen einen allgemeinen Ansatz zur Verwendung der HTMLMetaElement-Schnittstelle. Für spezifische Beispiele siehe die Seiten zu den einzelnen Eigenschaften wie im Abschnitt Instanzeigenschaften oben beschrieben.

Festlegen der Metadaten zur Seitenbeschreibung

Das folgende Beispiel erstellt ein neues <meta>-Element mit einem name-Attribut, das auf description gesetzt ist. Das content-Attribut legt eine Beschreibung des Dokuments fest und wird dem Dokument-<head> hinzugefügt:

js
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);

Festlegen 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 legt die Größe des Viewports fest und wird dem Dokument-<head> hinzugefügt:

js
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 Viewport-Grundlagen.

Spezifikationen

Specification
HTML Standard
# htmlmetaelement

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

  • Das HTML-Element, das diese Schnittstelle implementiert: <meta>