HTML-Struktur-003

Ein HTML-Dokument folgt einer klaren Struktur

Ein HTML-Dokument besitzt eine Struktur, die eingehalten werden muss.

Der Anfang und das Ende eines HTML-Dokuments wird das <html>-Tag gekennzeichnet. Dadurch wird der Browser informiert, dass eine HTML-codierte Seite vorliegt. Das <html>-Tag ist das oberste Element der Seite und wird deshalb auch als Wurzelelement bezeichnet. Alle anderen Elemente werden zwischen dem Start- und End-Tag des-Tags geschrieben:

<html>

...

</html>

Das <!DOCTYPE>-Tag ist jedoch das einizge Tag, welches noch vor dem <html>-Tag steht. Das liegt daran, dass dieses Tag genaugenommen kein HTML-Tag ist. Das -Tag bestimmt, um welchen Typ von Dokument es sich bei dem vorliegenden Dokument handelt. Damit das Dokument als HTML-Dokument beschrieben wird, wird der DOCTYPE wie folgt geschrieben:

<!DOCTYPE html>

Anschließend kommen die Bereich head und body. Die beiden Bereiche werden jeweils mit einem entsprechenden Start- und End-Tag geschrieben. Wie beim Körper kommt zuerst der Kopf und dann der Körper:

<head>

...

</head>

<body>

...

</body>

Zum Schluss entsteht eine gesamte Struktur:

<!DOCTYPE html>

<html>

    <head> ... </head>

    <body> ... </body>

</html>