Websiteentwicklung: XHTML: Syntax

Aus Wikibooks

Eine XHTML Seite besteht neben dem eigentlichen Text aus sogenannten Elementen. Häufig wird der Begriff Element fälschlicherweise mit dem Wort Befehl übersetzt. Bei XHTML handelt es sich jedoch um keine Programmiersprache, sondern um eine Auszeichnungssprache. Mit XHTML-Elementen werden bestimmte Bereiche wie beispielsweise Überschriften, Tabellen oder fett hervorgehobener Text gekennzeichnet.

XHTML-Elemente stehen immer in zwei spitzen Klammern. Beispielsweise bewirkt <em> Hier steht ein Text </em> , dass der Text zwischen den Elementen <em> und </em> als Betonung ausgezeichnet wird. Browser zeigen diese Betonung üblicherweise kursiv an.

XHTML ist wesentlich strenger bei der semantischen und syntaktischen Kontrolle als dies noch bei HTML der Fall war. Das hat den Vorteil, dass der Computer das XHTML-Dokument leichter lesen kann. Ein solches Dokument, das den Regeln von XHTML genügt, wird auch als wohlgeformt (engl. „well-formed“) bezeichnet. Wenn ein Fehler im Dokument erhalten ist, sollte das Dokument nicht vom Browser angezeigt werden, wie es bei HTML der Fall war, sondern eine Fehlermeldung ausgegeben werden. Dies hat den Vorteil, dass das XHTML-Dokument auch auf anderen Browsern korrekt dargestellt wird. In der Praxis gibt jedoch kein Browser solche Fehlermeldungen aus, sondern versucht, die Seite trotzdem anzuzeigen, da eine Fehlermeldung für den Benutzer unangenehm wäre, der zudem, anders als der Webmaster der aufgerufenen Seite, nichts dagegen unternehmen kann.

Damit ein XHTML Dokument wohlgeformt ist, muss es unter anderem folgende Bedingungen erfüllen:

Alle Elemente und Attribute müssen klein geschrieben werden

Im Gegensatz zu seinem Vorgänger ist XHTML case sensitive, das heißt, es wird zwischen Groß- und Kleinschreibung unterschieden. So sind <BR /> und <br /> zwei unterschiedliche Elemente.

Alle Elemente müssen abgeschlossen werden

Alle Elemente bestehen aus einem einleitenden und einem abschließenden Element. Ein abschließendes Element erhält zusätzlich noch einen Querstrich / nach der ersten spitzen Klammer. Beispiel:

<p>Hier wird ein Text ausgegeben.</p>

Der folgende Ausdruck war zwar bereits in HTML nicht konform zum Standard, wurde aber von den meisten Browsern akzeptiert:

<p>Hier wird ein Text ausgegeben.

Leere Elemente müssen richtig abgeschlossen werden

Leere Elemente wie <br />, <img /> und <meta />, die keine Schluss-Element haben, müssen einen Schrägstrich (Slash) am Ende des Elements haben. Beispiel:

Dieser Text <br /> hat einen Zeilenumbruch.

Das Leerzeichen ist nicht vorgeschrieben, allerdings aus Kompatibilitätsgründen zu HTML empfehlenswert.

Falsch ist in XHTML (was in HTML korrekt war):

Dieser Text <br> hat einen Zeilenumbruch.

Elemente müssen richtig geschachtelt werden

Elemente dürfen geschachtelt werden. Allerdings muss das zuletzt geöffnete Element zuerst wieder geschlossen werden. Falsch ist beispielsweise

<p><em>Hier steht ein Text.</p></em>

Richtig dagegen ist:

<p><em>Hier steht ein Text.</em></p>

Auch die falsche Reihenfolge im letzten Beispiel wurde in HTML von den meisten Browsern richtig interpretiert, führt aber nun zu einem Fehler.

Attributen muss ein Wert übergeben werden

Viele Elemente besitzen zusätzliche Attribute. Diese müssen immer einen Wert besitzen, in Anführungszeichen eingeschlossen. Beispiel:

<abbr title="XHTML">Einführung in XHTML</abbr>

Falsch hingegen ist:

<abbr title=XHTML>Einführung in XHTML</abbr>