Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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.
DieHTMLMetaElement-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 derHTMLElement-Schnittstelle beschrieben sind.
Instanz-Eigenschaften
Erbt Eigenschaften von ihrem Elternteil,HTMLElement.
<meta#charset>Die Zeichenkodierung für ein HTML-Dokument.
HTMLMetaElement.contentDer 'Wert'-Teil der Name-Wert-Paare der Dokument-Metadaten.
HTMLMetaElement.httpEquivDer Name der Pragma-Direktive, des HTTP-Antwort-Headers, für ein Dokument.
HTMLMetaElement.mediaDer Medienkontext für eine
theme-colorMetadaten-Eigenschaft.HTMLMetaElement.nameDer 'Name'-Teil der Name-Wert-Paare, die die benannten Metadaten eines Dokuments definieren.
HTMLMetaElement.schemeVeraltetDefiniert 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 derHTMLMetaElement-Schnittstelle. Für spezifische Beispiele siehe die Seiten zu den einzelnen Eigenschaften, wie im AbschnittInstanz-Eigenschaften oben beschrieben.
Festlegen der Seitenbeschreibung-Metadaten
Das folgende Beispiel erstellt ein neues<meta>-Element mit einemname-Attribut, das aufdescription gesetzt ist. Dascontent-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 einemname-Attribut, das aufviewport gesetzt ist, erstellt. Dascontent-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
Siehe auch
- Das HTML-Element, das diese Schnittstelle implementiert:
<meta>