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.

Instanzeigenschaften

Erbt Eigenschaften von seinem Elternteil, HTMLElement.

<meta#charset>: Die Zeichenkodierung für ein HTML-Dokument.
HTMLMetaElement.content: Der 'Wert'-Teil der Name-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 Metadateneigenschaft.
HTMLMetaElement.name: Der 'Name'-Teil der Name-Wert-Paare, die die benannten Metadaten eines Dokuments definieren.
HTMLMetaElement.scheme Veraltet: Definiert das Schema des Werts im HTMLMetaElement.content Attribut. Dies ist veraltet und sollte auf neuen Webseiten nicht 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 für die einzelnen Eigenschaften wie in der Instanzeigenschaften Sektion oben beschrieben.

Festlegung der Seitenspiegelungs-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> hinzugefügt:

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

Festlegung 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 Viewport-Größe fest und wird dem Dokument <head> hinzugefügt:

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 Festlegung des Viewports siehe Grundlagen des Viewports.

Spezifikationen

Specification
HTML # htmlmetaelement

Browser-Kompatibilität

Siehe auch

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