<meta name> HTML-Attribut
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.
* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.
Das name-Attribut des <meta>-Elements liefert Metadaten in Name-Wert-Paaren.
Wenn ein <meta>-Element ein name-Attribut hat, definiert ein content-Attribut den entsprechenden Wert.
Die Metadaten sind dokumentenbezogene Metadaten, die für die gesamte Seite gelten.
Zum Beispiel liefert das folgende <meta>-Tag eine description als Metadaten für ein Dokument:
<meta
name="description"
content="The HTML reference describes all elements and attributes of HTML, including global attributes that apply to all elements." />
Wert
>Meta-Namen, die in der HTML-Spezifikation definiert sind
Die HTML-Spezifikation definiert die folgende Menge an standardisierten Metadaten-Namen:
application-name-
Browser können dies verwenden, um die Anwendung zu identifizieren, die auf der Webseite läuft. Es unterscheidet sich vom
<title>-Element, das einen Anwendungs- (oder Website-)Namen enthalten kann, aber ein<title>kann Kontextinformationen wie einen Dokumentnamen oder einen Status hinzufügen. Einzelne Seiten sollten nicht ihren eigenen, einzigartigenapplication-namedefinieren. Um Übersetzungen bereitzustellen, verwenden Sie mehrere<meta>-Tags mit demlang-Attribut für jede Sprache:html<meta name="application-name" content="Weather Wizard" lang="en" /> <meta name="application-name" content="Mago del Clima" lang="es" /> -
Der Name des Autors des Dokuments.
color-scheme-
Gibt ein oder mehrere Farbschemata an, mit denen das Dokument kompatibel ist. Der Browser verwendet diese Informationen in Verbindung mit den Einstellungen des Browsers oder des Geräts des Nutzers, um zu bestimmen, welche Farben für alles von Hintergrund- und Vordergrundfarben bis hin zu Formularelementen und Scrollleisten verwendet werden sollen. Der Hauptzweck von
<meta name="color-scheme">ist es, die Kompatibilität und die Präferenzreihenfolge für helle und dunkle Farbmodi anzuzeigen. description-
Eine kurze und genaue Zusammenfassung des Inhalts der Seite, die üblicherweise als "Meta-Beschreibung" bezeichnet wird. Suchmaschinen wie Google verwenden diese Metadaten, um das Erscheinungsbild einer Webseite in den Suchergebnissen anzupassen.
generator-
Die Kennung der Software, die die Seite erstellt hat.
keywords-
Worte, die für den Inhalt der Seite relevant sind und durch Kommas getrennt werden.
referrer-
Steuert den HTTP
Referer-Header von Anfragen, die vom Dokument gesendet werden. theme-color-
Gibt eine empfohlene Farbe an, die Benutzeragenten verwenden sollten, um die Anzeige der Seite oder der umgebenden Benutzeroberfläche anzupassen. Das
content-Attribut enthält ein gültiges CSS<color>. Dasmedia-Attribut mit einer gültigen Media-Query-Liste kann hinzugefügt werden, um die Medien festzulegen, auf die sich die Theme-Farben-Metadaten beziehen.
Meta-Namen, die in anderen Spezifikationen definiert sind
viewport-
Gibt Hinweise zur anfänglichen Größe des Viewports. Definiert im CSS-Viewport-Modul.
text-scale-
Ermöglicht es, die Seite darauf einzustellen, dass die
<html>-Root-Element-font-sizeproportional zu den Textskalierungseinstellungen des Betriebssystems und Browsers skaliert wird. Definiert im CSS-Schriftarten-Modul.
Meta-Namen, die im WHATWG MetaExtensions-Wiki definiert sind
Die WHATWG Wiki MetaExtensions-Seite enthält eine große Menge an nicht standardisierten Metadaten-Namen. Einige der enthaltenen Namen werden in der Praxis recht häufig verwendet, insbesondere die folgenden:
creator-
Der Name des Erstellers des Dokuments, z. B. eine Organisation oder Institution. Wenn es mehrere gibt, sollten mehrere
<meta>-Elemente verwendet werden. googlebot-
Ein Synonym für
robots, wird nur von Googlebot (dem Indexierungs-Crawler für Google) befolgt. publisher-
Der Name des Herausgebers des Dokuments.
robots-
Eine durch Kommata getrennte Liste von Werten, die das Crawl-Verhalten definieren, das kooperative Crawler (oder "Robots") mit der Seite verwenden sollten.
Spezifikationen
| Spezifikation |
|---|
| HTML> # standard-metadata-names> |
| Referrer Policy> # referrer-policy-delivery-meta> |