Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
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.
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.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:
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
| Spezifikation |
|---|
| HTML # htmlmetaelement |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.
Siehe auch
- Das HTML-Element, das diese Schnittstelle implementiert:
<meta>