<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>

Online testen 

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.