Grundgerüst einer HTML-Seite

Eine HTML-Seite hat einen standardisierten Aufbau, der Voraussetzung für eine fehlerfreie Darstellung in Browsern ist. In der folgenden Codebox ist das Grundgerüst zu sehen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
  <HEAD>
   <META http-equiv="content-type" content="text/html; charset=iso-8859-1">
   <META name="description" content="Beschreibung der Seite">
   <META name="keywords" content="Stichwörter">
   <LINK rel="stylesheet" type="text/css" href="URL eines externen Stylesheets">
    <TITLE>Seitentitel</TITLE>
   ...
  </HEAD>
  <BODY>
   ...
  </BODY>
</HTML>

<!DOCTYPE>

Der <!DOCTYPE> ist die Dokumenttypdeklaration DTD, eine Spezifizierung der benutzten HTML-Version. Dem Browser wird mitgeteilt, welche Auszeichnungssprache in welcher Version in dem Dokument verwendet wird. Er kann sich bei der Darstellung der Seite an dieser Angabe orientieren.

<HTML>

Im <HTML>-Bereich wird der gesamte Rest der Seite eingefasst. Der öffnende <HTML>-Tag ist das erste Element nach der <!DOCTYPE>-Definition und der schliessende </HTML>-Tag ist das letzte Element der Seite.

<HEAD>

Im <HEAD>-Bereich befinden sich die <META>-Tags, sowie Scripte und Stylesheets und/oder Verweise auf externe Stylesheets. Die META-Tags können u.a. Informationen für Suchmaschinen, über den Autor, den Schriftsatz oder die Sprache der Seite enthalten.

Meta-Tag Generator von Gaijin
Meta-Tag Generator von Homepage-Buttons

Ebenfalls im Kopfbereich enthalten ist der <TITLE>-Tag, in dem der Titel der Seite angegeben wird. Der Titel einer Seite wird im Browserfenster ganz oben angezeigt (der Titel dieser Seite z.B. ist • HTML | Grundgerüst •), sowie in den Lesezeichen bzw. Favoriten. Der Kopfbereich erscheint nicht im Browser. Er ist nur im Quelltext der Seite zu sehen.

<BODY>

Im <BODY>-Bereich schliesslich findet die eigentlich Gestaltung der Seite statt. Hier werden die sichtbaren Bestandteile wie Texte oder Bilder eingegeben. Alle vorangegangenen Angaben haben "nur" die Aufgabe, dafür zu sorgen, dass der Inhalt des <BODY> möglichst in allen Browsern im Sinne des Seitenerstellers dargestellt wird und sind somit zwar unsichtbar aber auf keinen Fall unwichtig.

Links zum Thema

Edition-W3C: Die globale Struktur eines HTML-Dokuments
SelfHTML: Grundgerüst einer HTML-Datei