HTMLMetaElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

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.

EventTarget Node Element HTMLElement HTMLMetaElement

Instanzeigenschaften

Erbt Eigenschaften von seinem Elternteil, HTMLElement.

<meta#charset>

Die Zeichenkodierung für ein HTML-Dokument.

HTMLMetaElement.content

Der 'value'-Teil der Namen-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-color-Metadaten-Eigenschaft.

HTMLMetaElement.name

Der 'name'-Teil der Namen-Wert-Paare, die benannte Metadaten eines Dokuments definieren.

HTMLMetaElement.scheme Veraltet

Definiert das Schema des Wertes im HTMLMetaElement.content-Attribut. Dies ist veraltet und sollte in neuen Webseiten nicht mehr verwendet werden.

Instanzmethoden

Keine spezifische Methode; erbt Methoden von seinem 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 Instanzeigenschaften 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 legt eine Beschreibung des Dokuments fest und wird dem Dokument-<head> hinzugefügt:

js
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 ein neues <meta>-Element mit einem name-Attribut erstellt wird, das auf viewport gesetzt ist. Das content-Attribut legt die Größe des Viewports fest und wird dem Dokument-<head> hinzugefügt:

js
const meta = document.createElement("meta");
meta.name = "viewport";
meta.content = "width=device-width, initial-scale=1";
document.head.appendChild(meta);

Für weitere Informationen zur Einstellung des Viewports siehe Viewport-Grundlagen.

Spezifikationen

Specification
HTML
# htmlmetaelement

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
HTMLMetaElement
content
httpEquiv
media
name
scheme
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.

Siehe auch

  • Das HTML-Element, das diese Schnittstelle implementiert: <meta>