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.
Das HTMLMetaElement-Interface enthält beschreibende Metadaten über ein Dokument, die in HTML als <meta> Elemente bereitgestellt werden. Dieses Interface erbt alle Eigenschaften und Methoden, die im HTMLElement Interface beschrieben sind.
Instanz-Eigenschaften
Erbt Eigenschaften von seinem Eltern-Interface, HTMLElement.
<meta#charset>-
Die Zeichenkodierung für ein HTML-Dokument.
HTMLMetaElement.content-
Der 'Wert'-Teil der Name-Wert-Paare der Dokumentenmetadaten.
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.contentAttribut. Dies ist veraltet und sollte auf neuen Webseiten nicht verwendet werden.
Instanz-Methoden
Keine spezifische Methode; erbt Methoden von seinem Eltern-Interface, HTMLElement.
Beispiele
Die folgenden zwei Beispiele zeigen einen allgemeinen Ansatz zur Verwendung des HTMLMetaElement-Interfaces. Für spezifische Beispiele siehe die Seiten für die einzelnen Eigenschaften, wie in der Instanz-Eigenschaften Sektion oben beschrieben.
Einstellen 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 in den <head> des Dokuments eingefü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);
Einstellen der Viewport-Metadaten
Das folgende Beispiel zeigt, wie man ein neues <meta> Element mit einem name Attribut erstellt, das auf viewport gesetzt ist. Das content Attribut setzt die Größe des Viewports und wird in den <head> des Dokuments eingefü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 über das Einstellen des Viewports, siehe <meta name="viewport">.
Spezifikationen
| Spezifikation |
|---|
| HTML # htmlmetaelement |
Browser-Kompatibilität
Siehe auch
- Das HTML-Element, das dieses Interface implementiert:
<meta>