HTML <meta>-Tag
The <meta> tag is used to define the metadata, which inform the browser and search engines about HTML document. Tag description, attributes and using examples.
Das <meta>-Tag enthält Metadaten, die die Seitenbeschreibung, Schlüsselwörter, den Autor des Dokuments usw. angeben. Metadaten werden von Browsern, Suchmaschinen und anderen Webdiensten verwendet und nicht auf der Webseite angezeigt. Ein Webdokument kann mehr als ein <meta>-Tag enthalten, aber im Allgemeinen wird das physische Erscheinungsbild des Dokuments dadurch nicht beeinflusst.
Das <meta>-Tag wird im <head>-Element platziert.
Sie müssen das content-Attribut definieren, wenn die Attribute name oder http-equiv verwendet werden. Das content-Attribut wird nicht zusammen mit dem charset-Attribut verwendet.
Syntax
Das <meta>-Tag ist leer, was bedeutet, dass das schließende Tag nicht erforderlich ist. In XHTML muss das <meta>-Tag jedoch selbstschließend sein (<meta />).
Verwendung des <meta>-Tags mit seinen verschiedenen Werten
Definieren Sie das Schlüsselwort für Suchmaschinen:
HTML <meta>-Tag
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">Definieren Sie die Website-Beschreibung:
HTML <meta>-Tag
<meta name="description" content="Tutorials on HTML, CSS and PHP">Definieren Sie den Autor der Seite:
HTML <meta>-Tag
<meta name="author" content="myauthor">Aktualisieren Sie das Dokument jede Minute (60 Sekunden):
HTML <meta>-Tag
<meta http-equiv="refresh" content="60">Legen Sie den Viewport fest, damit die Website auf allen Geräten gut aussieht:
HTML <meta>-Tag
<meta name="viewport" content="width=device-width, initial-scale=1.0">Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
charset | character_set | Definiert die Zeichenkodierung des Dokuments. |
content | text | Definiert den Wert der Attribute name oder http-equiv. |
http-equiv | content-type, default-style, refresh | Definiert einen Hypertext-Header (simuliert den HTTP-Header) und bestimmt dessen Verarbeitung. |
name | application-name, author, description, generator, keywords, scheme | Definiert den Namen für das Meta-Tag. |
Das <meta>-Tag unterstützt auch die Globalen Attribute und die Ereignisattribute.
Praxis
Was ist der Zweck eines Meta-Tags in HTML?