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 'value'-Teil der Name-Wert-Paare der Dokumentenmetadaten.
HTMLMetaElement.httpEquiv-
Der Name der pragma-Direktive, der HTTP-Antwortheader, 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.schemeVeraltet-
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 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 Metadaten zur Seitenbeschreibung
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 Metadaten zum Ansichtsfenster
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 Größe des Ansichtsfensters 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 Festlegen des Ansichtsfensters siehe <meta name="viewport">.
Spezifikationen
| Specification |
|---|
| HTML # htmlmetaelement |
Browser-Kompatibilität
Loading…
Siehe auch
- Das HTML-Element, das diese Schnittstelle implementiert:
<meta>