HTML Element - head

Das head-Element gehört zum grundlegenden Aufbau eines HTML-Dokuments. Es steht am Anfang der Seite und enthält Angaben zur Seite und zu deren Darstellung.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Titel für das Dokument</title>
</head>
<body>
<p>Das <code><title></code>-Tag im <code><head></code> ist für jedes HTML-Dokument erforderlich.</p>
</body>
</html>

Definition und Verwendung

Das head-Element ist ein Container für Metadaten (Daten über Daten) und wird zwischen dem html-Tag und dem body-Tag platziert.

Metadaten sind Daten über das HTML-Dokument. Sie werden nicht angezeigt.

Diese Metadaten definieren typischerweise den Dokumenttitel, den Zeichensatz, die Stile, die Skripte und weitere Metainformationen.

Folgende Elemente können innerhalb des head-Elements stehen:

Beispiel mit: base

Das base-Element legt eine gemeinsame Grundlage für Links und andere Verweise innerhalb eines Dokuments fest. 
<!DOCTYPE html>
<html>
<head>
<title>Titel für das Dokument</title>
<base href="https://mach-es.org/webseite/" target="_blank">
</head>
<body>
<img src="images/meo-logo.png" width="150">
<p><a href="html-tags/base.html">Referenzseite zum HTML Element <base></a></p>
</body>
</html>

Beispiel mit: meta

UTF-8 ist eine Zeichenkodierung, die nahezu alle Schriftzeichen der Welt – einschließlich deutscher Umlaute wie ä, ö, ü und ß – darstellen kann und besonders im Internet weit verbreitet ist. 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Titel für das Dokument</title>

</head>
<body>
<p>UTF-8 ist eine Zeichenkodierung, die nahezu alle Schriftzeichen der Welt – einschließlich Umlaute wie ä, ö, ü und ß – darstellen kann und besonders im Internet weit verbreitet ist.</p>
</body>
</html>

Beispiel mit: style

Mit dem HTML-Element style im head kann das Aussehen und die Gestaltung von Elementen durch CSS beeinflusst werden. 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Titel für das Dokument</title>
<style>
body {
font-family: sans-serif;
}
code {
font-family: sans-serif;
color: pink;
}
</style>
</head>
<body>
<p>Mit dem HTML-Element <code><style></code> im <code><head></code> kann das Aussehen und die Gestaltung von Elementen durch CSS beeinflusst werden.</p>
</body>
</html>

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Unterstützung von Global-Attributen

Das head-Element unterstützt auch Global-Attribute.

Standardbrowser CSS

Webbrowser wenden auf viele Elemente vordefinierte CSS-Stile an, die eine grundlegende Struktur und Lesbarkeit sicherstellen. Umfang und Ausgestaltung dieser Standardstile können je nach Browser variieren, etwa in Bezug auf Abstände, Schriftgrößen oder die Darstellung einzelner Elemente.

head {
display: none;
}

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des head durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element Firefox Internet Explorer / Edge Safari Chrome Opera
<head>