HTML <head>

Examples

Online-Beispiele ansehen


Verwenden Sie das <title>-Tag, um den Titel von HTML-Dokumenten festzulegen


Verwenden Sie <base>, um die Standard-Zieladresse aller Links auf der Seite festzulegen.


Verwenden Sie das <meta>-Tag, um Beschreibung, Schlüsselwörter, Autor, Zeichensatz usw. von HTML-Dokumenten zu beschreiben.

HTML-<head>-Element

Das <head>-Element enthält alle Head-Tag-Elemente. In das <head>-Element können Sie Skripte (scripts), Stylesheet-Dateien (CSS) und verschiedene Meta-Informationen einfügen.

Elemente, die dem Head-Bereich hinzugefügt werden können, umfassen: <>, <style>, <meta>, <link>, <script>, <noscript> und <base>.

HTML-<title>-Element

Das <title>-Tag definiert den Titel verschiedener Dokumente.

<title> ist in HTML-Dokumenten enthalten.

<title>-Element:

  • Definiert den Titel der Browser-Symbolleiste
  • Wenn die Webseite zu den Lesezeichen hinzugefügt wird, wird der Titel in den Lesezeichen angezeigt.
  • Zeigt den Titel auf der Ergebnisseite der Suchmaschine an.

Ein einfaches HTML-Dokument:

Beispiel

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dokumenttitel</title> </head> <body>Dokumentinhalt......</body> </html>

HTML-<base>-Element

Das <base>-Tag beschreibt die grundlegende Linkadresse/das Ziel der Seite, die als Standard-Linkadresse für alle Link-Tags im HTML-Dokument verwendet wird.

Beispiel

<head> <base href="http://www.example.com/images/" target="_blank"> </head>

HTML-<link>-Element

Das <link>-Tag definiert die Beziehung zwischen dem Dokument und externen Ressourcen.

Das <link>-Tag wird normalerweise verwendet, um auf Stylesheets zu verlinken:

Beispiel

<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

HTML-<style>-Element

Das <style>-Tag definiert die Referenzadresse der Style-Datei des HTML-Dokuments.

Sie können auch direkt Stile im <style>-Element hinzufügen, um das HTML-Dokument zu rendern:

Beispiel

<head> <style type="text/css"> body { background-color:yellow; } p { color:blue } </style> </head>

HTML-<meta>-Element

Das <meta>-Tag beschreibt einige grundlegende Metadaten.

Das <meta>-Tag stellt Metadaten bereit. Metadaten werden nicht auf der Seite angezeigt, sondern vom Browser geparst.

Das <meta>-Tag wird normalerweise verwendet, um die Beschreibung, Schlüsselwörter, die letzte Änderungszeit der Datei, den Autor und andere Metadaten anzugeben.

Metadaten können für den Browser (wie der Inhalt angezeigt oder die Seite neu geladen werden soll), Suchmaschinen (Schlüsselwörter) oder andere Webdienste verwendet werden.

Das <meta>-Tag wird normalerweise im <head>-Bereich platziert.

<meta>-Tag – Beispiel

Schlüsselwörter für Suchmaschinen definieren:

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

Inhalt für den Artikel definieren:

<meta name="description" content="免费 Web & 编程 教程">

Autor für den Artikel definieren:

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

Aktuelle Seite alle 30 Sekunden aktualisieren:

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

HTML-<script>-Element

Das <script>-Tag wird verwendet, um Skriptdateien wie JavaScript zu laden.

Das <script>-Element wird in den folgenden Kapiteln ausführlich beschrieben.

HTML-<head>-Element

Tag Beschreibung
<head> Definiert die Informationen des Dokuments
<title> Definiert den Titel des Dokuments
<base> Definiert die Standard-Link-Adresse der Link-Tags der Seite
<link> Definiert eine Beziehung zwischen dem Dokument und externen Ressourcen
<meta> Definiert Metadaten im HTML-Dokument
<script> Definiert clientseitige Skriptdateien
<style> Definiert Stildateien des HTML-Dokuments
Weitere Erweiterungen