<meta> - Tag - Meta Angaben im Header
Beschreibende Meta-Daten im HTML-Dokument:
<head>
<meta charset="UTF-8" />
<meta name="description" content="HTML-Blog, Anleitungen und Webdesign">
<meta name="keywords" content="HTML,CSS,JavaScript,Tutorials">
<meta name="author" content="Andy Dunkel">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
Verwendung
Metadaten sind Angaben, welche das HTML-Dokument beschreiben, Informationen für den Browser enthalten. Dies sind typischerweise Dinge wie die Beschreibung, der Autor, Schlüsselwörter,
Zeitpunkt der letzten Modifikation. Suchmaschinen können diese Sachen auswerten, genauso wie Browser oder andere Programme. Dem Benutzer werden diese Elemente typischerweise nicht angezeigt. Jede Meta-Angabe
besteht aus dem name
Attribut und dem Inhalt (content
). Elemente wie description
, keywords
, author
, viewport
sind Standard.
Eigene können definiert werden, falls ein zugreifendes Programm oder Suchmaschine dieses nicht kennt, wird es ignoriert.
Weiterleitung
Eine Besonderheit stellt die Weiterleitung dar:
<meta http-equiv="refresh" content="30">
Mittels der Angabe http-equiv="refresh" und der Angabe 30 wird die aktuelle Seite alle 30 Sekunden auf sich selbst weitergeleitet, bzw. aktualisiert. Auch eine Weiterleitung auf eine andere Adresse ist möglich:
<meta http-equiv="refresh" content="3; URL=https://ekiwi.de">
Viewport einstellen
Mobile Geräte wie Smartphone haben kleine Bildschirme. Mittels der Meta-Angabe viewport
kann die Anzeige gesteuert werden:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
- initial-scale: (Zoom) (initial-scale=1.0 Inhalte werden 1:1 dargestellt, 1.1 = 10% größer)
- user-scalable: kann der Anwender die Seite selbst zoomen yes = ja oder nicht = no, Standard ist yes
- minimum-scale bzw. maximum-scale: den Zoomgrad einzuschränken, z.B.: scale=1.5 Inhalt kann maximal 1,5x-fach vergrößert werden.
Generell sollten Sie die Möglichkeiten des Benutzers nicht unnötig einschränken, z.B. Zoom verhindern. Jeder Anwender hat andere Gewohnheiten oder möglicherweise eine Augenschwäche.