HTMLMetaElement

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

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

In diesem Artikel

Instanz-Eigenschaften

Erbt Eigenschaften von ihrem 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 Metadaten-Eigenschaft.

HTMLMetaElement.name

Der 'Name'-Teil der Name-Wert-Paare, die die benannten Metadaten eines Dokuments definieren.

HTMLMetaElement.scheme

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

Instanz-Methoden

Keine spezifische Methode; erbt Methoden von ihrem 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 Instanz-Eigenschaften oben beschrieben.

Festlegen 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> 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 man ein neues <meta>-Element mit einem name-Attribut, das auf viewport gesetzt ist, erstellt. Das content-Attribut setzt die Viewport-Größe 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 zum Einstellen des Viewports siehe <meta name="viewport">.

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

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLMetaElement
Instanzeigenschaften
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung