Zurück: Vokabular und Syntax
Weiter: Einige Elemente im Body des Dokumentes

Der Aufbau eines XHTML-Dokumentes

Ein XHTML-Dokument lässt sich grob in vier Abschnitte aufteilen:

  1. Eine Zeile, die die XML-Version angibt, die so genannte XML-Deklaration.
  2. Eine Zeile, die den XHTML-Dokumenttyp angibt, den so genannten Doctype.
  3. Einen Dokumentenkopf head, der den Dokumententitel (das title-Element) und zusätzliche Informationen enthält.
  4. Einen Dokumentenkörper body, der den Inhalt des Dokumentes enthält, der später im Browser dargestellt wird.

Die XML-Deklaration ist in XHTML optional und kann weggelassen werden (was wir im Rahmen dieser Einführung auch durchgängig tun), wenn der Zeichensatz anderweitig, am besten serverseitig angegeben wird.

Die Zeile, die die XHTML-Version angibt, hier zur besseren Übersichtlichkeit in zwei Zeilen aufgeteilt, ist sehr wichtig. Sie teilt dem Browser mit, um welche XHTML-Version es sich bei einem Dokument handelt. Für XHTML 1.0 existieren insgesamt drei vom W3C freigegebene DTDs:

XHTML 1.0 Transitional
Die »weichere« XHTML-Version. Alle Elemente und Attribute aus HTML 4.01 Transitional wurden beibehalten. Transitional wird vor allem dann geschrieben, wenn auf die Darstellung veralteter Browser noch Wert gelegt wird und daher auch Layout-Elemente und -Attribute verwendet werden sollen. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Strict
Die »strenge« Version von XHTML. Hier wurden viele Elemente und Attribute, die nur der Darstellung, nicht mehr nur der Auszeichnung des Textes dienlich waren, gestrichen. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Frameset
Diese DTD wird für Framesets verwendet. Dies nur der Vollständigkeit halber, auf Frames werde ich in dieser Einführung, wenn überhaupt, nur am Rande eingehen. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Die Elemente head und body werden durch das html-Element eingeschlossen. Das Attribut xmlns im Start-Tag <html> gibt den XML-Namensraum an, die Attribut xml:lang und lang, in welcher Sprache das Dokument geschrieben ist.

Der Dokumententitel darf in keinem XHTML-Dokument fehlen. Er wird von Browsern in der Titelzeile des Anzeigefensters und bei Setzen von Lesezeichen (Favoriten) angezeigt. Suchmaschinen dient er als Hilfsmittel zur Indizierung, Bewertung und Anzeige der Seite. Daher sollte er möglichst aussagekräftig sein. Auf Sonderzeichen oder das Malen von Bildchen sollten Sie verzichten.

Das Grundgerüst eines einfachen strikten XHTML-Dokumentes sieht somit wie folgt aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Mein erstes XHTML-Dokument</title>
</head>

<body>

<p>Hallo Welt!</p>

</body>
</html>

Öffnen Sie ein leeres Editor-Fenster und kopieren Sie das obere Quelltextbeispiel hinein. Speichern Sie die Datei als »index.html« ab. Wenn Sie diese Datei in einem Browser öffnen, erhalten Sie die Anzeige von »Hallo Welt!« in einem Fenster mit dem Titel »Mein erstes XHTML-Dokument« in der Titelzeile.

Zurück: Vokabular und Syntax
Weiter: Einige Elemente im Body des Dokumentes
Zum Seitenanfang