HTMLMetaElement
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 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.
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-colorMetadaten-Eigenschaft. HTMLMetaElement.name-
Der 'Name'-Teil der Name-Wert-Paare, die die benannten Metadaten eines Dokuments definieren.
HTMLMetaElement.schemeVeraltet-
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:
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:
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">.
Spezifikationen
| Specification |
|---|
| HTML # htmlmetaelement |
Browser-Kompatibilität
Loading…
Siehe auch
- Das HTML-Element, das diese Schnittstelle implementiert:
<meta>