Das Head-Element ist der Kopfbereich eines HTML-Dokuments. Es enthält Angaben über das Dokument: den Titel, den Zeichensatz, die Verweise auf Stylesheets und Schriften. Auf der Seite selbst ist davon fast nichts zu sehen.
- Head-Element
Der Bereich am Anfang eines Dokuments, der Angaben über das Dokument enthält statt Inhalt für die Seite.
Beispiel: „Was im Head-Element steht, erscheint nicht im Seitenbereich.“Auch: Dokumentkopf.
Abgrenzung zum header-Element: Der head trägt Angaben über das Dokument, der header ist ein sichtbarer Bereich am Anfang eines Inhalts.
Was dort steht
<head>
<meta charset="utf-8">
<title>Preise | Homepage Helden</title>
<link rel="stylesheet" href="/css/site.css">
</head>Die Spezifikation nennt es a collection of metadata for the Document, eine Sammlung von Angaben über das Dokument. Dazu gehören der Titel, der Zeichensatz, die Verweise auf Stylesheets und Schriften, die Beschreibung für Suchmaschinen und die Angaben, die soziale Netzwerke für ihre Vorschau auslesen.
Pflicht ist davon allein der Titel. Alles andere ist optional, und trotzdem wächst der Kopfbereich auf vielen Seiten auf mehrere Dutzend Zeilen, weil jedes Werkzeug seine eigenen Angaben beisteuert.
Die Verwechslung mit dem header
Die beiden Namen klingen gleich und meinen Verschiedenes. Der head steht vor dem Seiteninhalt und ist unsichtbar. Das header-Element steht im Seiteninhalt und ist der sichtbare Kopf eines Bereichs, meist mit Logo und Navigation.
Eine Seite hat genau einen head, aber durchaus mehrere header: einen für die Seite und je einen am Anfang einzelner Artikel.
Warum die Reihenfolge zählt
Der Browser arbeitet den Kopfbereich von oben nach unten ab, bevor er mit dem Seiteninhalt beginnt. Ein Stylesheet blockiert dabei die Darstellung, bis es geladen ist, ein Skript ohne entsprechende Attribute blockiert zusätzlich das Weiterlesen des Dokuments.
Deshalb stehen Zeichensatz und Viewport ganz oben, Stylesheets darunter und Skripte entweder ans Ende des Dokuments oder mit einem Attribut, das sie aufschiebt.