Home > Schule > HTML > Was ist das? > <head> und <body>

<head> und <body>

Die Grundstruktur einer HTML-Seite

Jede HTML-Seite enthält mindestens folgende Elemente:

<html>
<head>
</head>
<body>
</body>
</html>

Das <html> am Anfang sagt dem Browser, dass ab hier HTML losgeht. Am Ende hört es natürlich auf.

Im <head> stehen Metainformationen der HTML-Seite, also Informationen über die Seite wie Titel, Autor, Schlüsselwörter usw.

Im <body> steht das, was der Browser auf dem Bildschirm als HTML-Seite anzeigt.

Im folgenden Beispiel sehen Sie den Code für eine korrekte Minimalseite:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
</head>
<body>
<p>Hallo Welt!</p>
</body>
</html>

Vor dem <html>-Tag steht die Deklaration des Dokumententyps, die besagt, an welche HTML-Variante sich die folgende Seite hält. Für Browser ist das eine Interpretationshilfe, selbst wenn es ohne die Deklaration auch funktioniert. Falls Sie den HTML-Code Ihrer Seiten von einem externen Programm auf Korrektheit prüfen lassen wollen, brauchen Sie die Deklaration des Dokumententyps.

In den <head> gehört mindestens die Festlegung des Inhaltstyps der Seite, also zum Beispiel "text/html" und der Zeichensatz. Ein gewöhnliches Problem sind zum Beispiel die deutschen Umlaute, die häufig als Buchstabensalat angezeigt werden. Denken Sie daran, dass das Internet weltweit existiert! Und natürlich sollte jede Seite einen Titel haben. Der wird in der Titelleiste des Browsers angezeigt.

Und zu guter Letzt: In den <body> gehört natürlich etwas Inhalt ...

Der Rest ist mehr oder weniger optional.

Grundregeln für wohl geformtes HTML

Regel 1: Alles auf einer Seite steht in Tags, wobei sich diese Regel insbesondere auf den <body> bezieht.

Regel 2: Es gibt keine leeren Tags, also Tags, in denen nichts drinsteht bzw. die nichts umschließen. So etwas wie <p></p> dürfte also nicht vorkommen.

Zurück zur Was ist das?-Seite