<meta>: Das Metadaten-Element
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.
* Some parts of this feature may have varying levels of support.
Das <meta>
HTML Element repräsentiert Metadaten, die nicht durch andere metabezogene Elemente dargestellt werden können, wie z.B. <base>
, <link>
, <script>
, <style>
, oder <title>
.
Die Art der durch das <meta>
-Element bereitgestellten Metadaten kann eine der folgenden sein:
- Wenn das
name
Attribut gesetzt ist, bietet das<meta>
-Element Dokumenten-Metadaten auf Seitenebene, die für die gesamte Seite gelten. - Wenn das
http-equiv
Attribut gesetzt ist, fungiert das<meta>
-Element als Pragma-Direktive, um Direktiven zu simulieren, die ansonsten durch einen HTTP-Header gegeben werden könnten. - Wenn das
charset
Attribut gesetzt ist, ist das<meta>
-Element eine Charset-Deklaration, die die Zeichenkodierung angibt, in der das Dokument kodiert ist. - Wenn das
itemprop
Attribut gesetzt ist, bietet das<meta>
-Element benutzerdefinierte Metadaten.
Attribute
Dieses Element umfasst die globalen Attribute.
Hinweis:
Das name
Attribut hat eine spezifische Bedeutung für das <meta>
Element.
Das itemprop
Attribut darf nicht auf einem <meta>
-Element gesetzt werden, das ein name
, http-equiv
, oder charset
Attribut enthält.
charset
-
Dieses Attribut deklariert die Zeichenkodierung des Dokuments. Wenn das Attribut vorhanden ist, muss sein Wert eine ASCII-fallunempfindliche Übereinstimmung mit dem String
"utf-8"
sein, da UTF-8 die einzige gültige Kodierung für HTML5-Dokumente ist.<meta>
-Elemente, die eine Zeichenkodierung deklarieren, müssen sich vollständig innerhalb der ersten 1024 Bytes des Dokuments befinden. content
-
Dieses Attribut enthält den Wert für das
http-equiv
odername
Attribut, je nach Verwendung. http-equiv
-
Definiert eine Pragma-Direktive, welche Anweisungen für den Browser zur Verarbeitung des Dokuments sind. Der Name des Attributs ist eine Abkürzung für
http-equivalent
, da die erlaubten Werte die Namen gleichwertiger HTTP-Header sind. media
-
Das
media
Attribut definiert, auf welche Medien die imcontent
Attribut definierte Themenfarbe angewendet werden soll. Sein Wert ist eine Media Query, die standardmäßig aufall
gesetzt ist, wenn das Attribut fehlt. Dieses Attribut ist nur relevant, wenn dasname
Attribut des Elements auftheme-color
gesetzt ist. Andernfalls hat es keine Wirkung und sollte nicht enthalten sein. name
-
Die Attribute
name
undcontent
können zusammen verwendet werden, um Dokument-Metadaten in Form von Namens-Wert-Paaren bereitzustellen, wobei dasname
Attribut den Metadatennamen und dascontent
Attribut den Wert angibt.
Beispiele
>Setzen einer Meta-Beschreibung
Der folgende <meta>
Tag bietet eine description
als Metadaten für die Webseite:
<meta
name="description"
content="The HTML reference describes all elements and attributes of HTML, including global attributes that apply to all elements." />
Setzen einer Seitenumleitung
Das folgende Beispiel verwendet http-equiv="refresh"
, um den Browser anzuweisen, eine Weiterleitung durchzuführen.
Das Attribut content="3;url=https://www.mozilla.org"
leitet die Seite nach 3 Sekunden zu https://www.mozilla.org
um:
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org" />
Technische Zusammenfassung
Inhaltskategorien |
Metadaten-Inhalte. Wenn das itemprop Attribut vorhanden ist:
Fluss-Inhalt,
Phrasierungs-Inhalt.
|
---|---|
Erlaubte Inhalte | Keine; es ist ein leeres Element. |
Tag-Auslassung | Muss einen Start-Tag haben und darf keinen End-Tag haben. |
Zulässige Elternteile |
|
Implizite ARIA-Rolle | Keine entsprechende Rolle |
Zulässige ARIA-Rollen | Kein role erlaubt |
DOM-Schnittstelle | [`HTMLMetaElement`](/de/docs/Web/API/HTMLMetaElement) |
Spezifikationen
Specification |
---|
HTML> # the-meta-element> |
Browser-Kompatibilität
Loading…