Das <head> Tag
Das <head>-Tag in HTML ist ein essenzieller Bestandteil eines jeden HTML-Dokuments. Es befindet sich innerhalb des <html>-Tags und enthält Metadaten, Titel, Verweise auf externe Ressourcen wie Stylesheets (CSS), Skripte (JavaScript) und andere Informationen, die nicht direkt im sichtbaren Teil der Webseite angezeigt werden.
Hier sind einige der wichtigsten Elemente, die typischerweise im <head>-Bereich eines HTML-Dokuments zu finden sind:
-
Titel (
<title>): Definiert den Titel der Webseite, der in der Titelleiste des Browsers oder in den Suchergebnissen angezeigt wird.<title>Seitentitel</title> -
Metadaten (
<meta>): Bieten zusätzliche Informationen über das Dokument, wie Zeichensatz, Beschreibung, Schlüsselwörter, Autor des Dokuments und vieles mehr.<meta charset="UTF-8"> <!-- Zeichensatz --> <meta name="description" content="Beschreibung der Seite"> <meta name="keywords" content="HTML, CSS, Beispiel"> <meta name="author" content="Max Mustermann"> -
Link zu externen CSS-Dateien (
<link>): Wird verwendet, um das Dokument mit externen Stylesheets zu verknüpfen.<link rel="stylesheet" href="/styles.css"> -
Interne Styles (
<style>): Für CSS-Regeln, die direkt im HTML-Dokument definiert werden.<style> body { background-color: #f0f0f0; } </style> -
Skripte (
<script>): Zum Einbinden von JavaScript-Code, der entweder direkt eingefügt oder über eine externe Datei verlinkt wird.<script src="/script.js"></script>
Der <head>-Bereich ist also grundlegend für die Definition von Metadaten und das Einbinden externer Ressourcen, die das Verhalten und das Aussehen der Webseite beeinflussen. Es ist wichtig zu beachten, dass der Inhalt des <head>-Tags nicht direkt im Browserfenster sichtbar ist, sondern im Hintergrund wirkt.