Beispiel
Beschreiben von Metadaten innerhalb eines HTML-Dokuments:
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Versuch es selber " Definition und Verwendung
Metadaten sind Daten (Information) über Daten.
Die <meta> Tag enthält Metadaten über das HTML - Dokument. Metadaten werden nicht auf der Seite angezeigt werden, wird aber Maschine parsable sein.
Meta-Elemente sind in der Regel angeben Seite Beschreibung, Schlüsselwörter, Autor des Dokuments, zuletzt geändert, und andere Metadaten verwendet.
Die Metadaten können von Browsern verwendet werden (wie Inhalte oder die Seite neu laden anzuzeigen), Suchmaschinen (Keywords) oder andere Web-Services.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <meta> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Hinweis: <meta> Tags gehen immer innerhalb des <head> Element.
Hinweis: Die Metadaten werden immer als Name / Wert - Paaren übergeben.
Hinweis: Der content Attribut muss definiert werden , wenn der Name oder die http-equiv - Attribut definiert ist.Wenn keine der beiden definiert werden, der content CAN - Attribut nicht definiert werden.
Unterschiede zwischen HTML 4.01 und HTML5
Das scheme - Attribut wird nicht in HTML5 unterstützt.
HTML5 hat ein neues Attribut, charset, die es leichter zu definieren charset macht:
- 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 das <meta> Tag hat kein Ende - Tag.
In XHTML das <meta> Tag richtig geschlossen werden müssen.
Beispiele
Beispiel 1 - Definieren Sie Keywords für Suchmaschinen:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
Beispiel 2 - Definieren Sie eine Beschreibung Ihrer Webseite:
<meta name="description" content="Free Web tutorials on HTML and CSS">
Beispiel 3 - Legen Sie den Autor einer Seite:
<meta name="author" content="Hege Refsnes">
Beispiel 4 - Refresh Dokument alle 30 Sekunden:
<meta http-equiv="refresh" content="30">
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| charset | character_set | Gibt die Zeichencodierung für das HTML-Dokument |
| content | text | Gibt den Wert im Zusammenhang mit dem http-equiv oder name |
| http-equiv | content-type default-style refresh | Bietet einen HTTP - Header für die Information / Wert des content - Attribut |
| name | application-name author description generator keywords | Gibt einen Namen für die Metadaten |
| scheme | format/URI | Nicht in HTML5 unterstützt. Gibt verwendet ein Schema , um den Wert des zu interpretieren content Attribut |
globale Attribute
Die <meta> Tag unterstützt auch den Global in HTML - Attribute .
Verwandte Seiten
HTML - Tutorial: HTML Kopf
HTML - DOM - Referenz: Meta Object
Standard CSS-Einstellungen
Keiner.