Das Tag <meta> enthält Metadaten, die dem Browser und der Suchmaschine über die Einzelheiten des HTML-Dokuments (Codierung des Dokuments, Angaben des Autors, Schlüsselwörter, Beschreibung von Webseiten usw.) informieren. Die Metadaten werden auf der Webseite nicht angezeigt.

Das Tag <meta> wird im Tag <head> platziert. In einem Dokument kann man einige Tags <meta> verwenden.

Sie müssen das Attribut content definieren, wenn die Attribute name oder http-equiv definiert sind. Wenn diese Attribute nicht definiert sind, kann auch das Attribut content nicht definiert werden.

Syntax

In HTML ist das Endtag nicht obligatorisch, aber in XHTML muss das Tag unbedingt mit dem Endtag (</meta>) geschlossen werden.

Beispiel

Definieren Sie das Schlüsselwort für die Suchmaschinen:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Definieren Sie die Beschreibung der Website:

<meta name="description" content="Bücher über HTML, CSS und PHP">

Definieren Sie den Autor der Seite:

<meta name="author" content="myauthor">

Aktualisieren Sie das Dokument alle eine Minute (60 Sekunden):

<meta http-equiv="refresh" content="60">

Setzen Sie das Ansichtsfenster, damit die Website auf allen Geräten gut aussieht:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Attribute

Attribut Wert Beschreibung
charset character_set Es definiert die Codierung des Dokuments.
content text Es definiert den Wert des Attributes name oder http-equiv, abhängig vom Inhalt.
http-equiv Es bestimmt die Hypertext-Kopfzeile (imitiert HTTP-Kopfzeile) und ihre Bearbeitung. Bei der Seitenanzeige wird der Browser den im Attribut eingestellten Instruktionen folgen.
content-type Es definiert den Codierungstyp des Dokuments.
default-style Es definiert den bevorzugten Stil für die Verwendung auf der Webseite. (Es muss das ID-Element <link>, das zur Tabelle von CSS-Stilen führt, oder den Identifikator des Elements <style>, der die Tabelle von Stilen enthält, enthalten).
refresh Es definiert die Zeit in Sekunden bis zum Neustart der Seite oder die Zeit bis zum Weiterleiten auf andere Webseite, falls im Feld für die Zeiteingabe "url=adresse_webseite" eingegeben ist.
name Es definiert den Namen des Metatages. Es wird als Äquivalent des Attributes http-equiv betrachtet. Es wird beim Vorhandensein von Attributen http-equiv, charset oder itemprop nicht verwendet.
application-name Es bestimmt den Namen der auf der Webseite verwendeten Anwendung.
author Es bestimmt den Namen des Autors der Webseite.
description Es enthält die Beschreibung der Webseite, die für die Suchsysteme bestimmt ist.
generator Es definiert die Software, die für die Erstellung von Seiten bestimmt sind (für handgeschriebenen Seiten).
keywords Es enthält Schlüsselwörter
scheme format/url Es enthält die Information über das Schema oder die Bezeichnung des Schemas, die für Präzisierung des Eigenschaftwertes des Attributes content.
Es wird in HTML5 nicht unterstützt.

Das Tag <meta> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome edge firefox safari opera

Übe dein Wissen

Was können Sie mit dem Meta-Tag in HTML machen?
Finden Sie das nützlich?