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 Schnittstelle HTMLMetaElement enthält beschreibende Metadaten über ein Dokument, die in HTML durch <meta>-Elemente bereitgestellt werden.
Diese Schnittstelle erbt alle Eigenschaften und Methoden der Schnittstelle HTMLElement.
Instanzeigenschaften
Erbt Eigenschaften von der übergeordneten Schnittstelle HTMLElement.
HTMLMetaElement.content-
Der Wertteil der Name-Wert-Paare der Dokumentmetadaten.
HTMLMetaElement.httpEquiv-
Der Name der Pragma-Direktive, eines HTTP-Antwort-Headers, für ein Dokument.
HTMLMetaElement.media-
Der Medienkontext für eine
theme-color-Metadateneigenschaft. HTMLMetaElement.name-
Der Namensteil der Name-Wert-Paare, die die benannten Metadaten eines Dokuments definieren.
HTMLMetaElement.scheme-
Definiert das Schema des Werts im Attribut
HTMLMetaElement.content. Diese Eigenschaft ist veraltet und sollte auf neuen Webseiten nicht verwendet werden.
Instanzmethoden
Keine eigenen Methoden; erbt Methoden von der übergeordneten Schnittstelle HTMLElement.
Beispiele
Die folgenden beiden Beispiele zeigen allgemein, wie die Schnittstelle HTMLMetaElement verwendet wird.
Konkrete Beispiele finden Sie auf den Seiten der einzelnen Eigenschaften, die im Abschnitt Instanzeigenschaften oben aufgeführt sind.
Festlegen der Metadaten für die Seitenbeschreibung
Das folgende Beispiel erstellt ein neues <meta>-Element, dessen name-Attribut auf description gesetzt ist.
Das content-Attribut enthält eine Beschreibung des Dokuments. Das Element wird an das <head>-Element des Dokuments angehängt:
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 Sie ein neues <meta>-Element erstellen, dessen name-Attribut auf viewport gesetzt ist.
Das content-Attribut legt die Größe des Viewports fest. Das Element wird an das <head>-Element des Dokuments angehängt:
const meta = document.createElement("meta");
meta.name = "viewport";
meta.content = "width=device-width";
document.head.appendChild(meta);
Weitere Informationen zum Festlegen des Viewports finden Sie unter <meta name="viewport">.
Spezifikationen
| Spezifikation |
|---|
| HTML # htmlmetaelement |
Browser-Kompatibilität
Siehe auch
- Das HTML-Element, das diese Schnittstelle implementiert:
<meta>