HTML <meta>Tag


Beispiele

Beschreibt die Metadaten eines HTML-Dokuments:

<head> <meta name="description" content="Free Online Tutorial"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="Beispiel"> <meta charset="UTF-8"> </head>

Selbst ausprobieren »

Browser-Unterstützung

Internet Explorer Firefox Opera Google Chrome Safari

Alle wichtigen Browser unterstützen das <meta>-Tag.

Definition und Verwendung

Metadaten sind Dateninformationen über Daten.

Das <meta>-Tag liefert Metadaten über das HTML-Dokument. Metadaten werden auf der Clientseite nicht angezeigt, sondern vom Browser geparst.

Das META-Element wird üblicherweise verwendet, um die Seitenbeschreibung, Schlüsselwörter, den Zeitpunkt der letzten Änderung der Datei, den Autor und andere Metadaten anzugeben.

Metadaten können von Browsern (wie Inhalte angezeigt oder die Seite neu geladen werden soll), Suchmaschinen (Schlüsselwörter) oder anderen Webdiensten verwendet werden.

Tipps und Hinweise

Hinweis:Das <meta>-Tag befindet sich üblicherweise innerhalb des <head>-Bereichs.

Hinweis:Metadaten werden üblicherweise in Name/Wert-Paaren ausgedrückt.

Hinweis:Wenn das name-Attribut nicht angegeben wird, nimmt der Name im Name/Wert-Paar den Wert des http-equiv-Attributs an.

Unterschiede zwischen HTML 4.01 und HTML5

HTML5 unterstützt das scheme-Attribut nicht.

In HTML5 gibt es ein neues charset-Attribut, das die Definition des Zeichensatzes erleichtert:

  • HTML 4.01： <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  • HTML5： <meta charset="UTF-8">

Unterschiede zwischen HTML und XHTML

In HTML hat das <meta>-Tag kein schließendes Tag.

In XHTML muss das <meta>-Tag ein schließendes Tag enthalten.

Beispiele

Beispiel 1 – Dokument-Schlüsselwörter für Suchmaschinen definieren:

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

Beispiel 2 – Die Beschreibung der Webseite definieren:

<meta name="description" content="Free Web tutorials on HTML and CSS">

Beispiel 3 – Seitenautor definieren:

<meta name="author" content="Hege Refsnes">

Beispiel 4 – Seite alle 30 Sekunden aktualisieren:

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

Attribute

Neu: Neu in HTML5.

Attribute Wert Beschreibung
charsetNeu character_set Definiert die Zeichenkodierung des Dokuments.
content text Definiert die Metainformationen im Zusammenhang mit dem http-equiv- oder name-Attribut.
http-equiv content-type
default-style
refresh		 Verknüpft das content-Attribut mit einem HTTP-Header.
name application-name
author
description
generator
keywords		 Verknüpft das content-Attribut mit einem Namen.
scheme format/URI In HTML5 nicht unterstützt.Definiert ein Format, das verwendet wird, um den Wert des content-Attributs zu übersetzen.

Ereignisattribute

Das <meta>-Tag unterstützt alleHTML-Ereignisattribute。

Ähnliche Artikel

HTML-Tutorial:HTML-Kopf

Andere Erweiterungen