Im Folgenden werden auf wichtige Unterschiede zu HTML eingegangen. Inwieweit Sie diese immer einhalten können und wo sie Abstriche machen und sich auf einen anderen Weg begeben, müssen Sie letztendlich selbst wissen. Wichtig dabei wäre aber nur, dass Sie zuvor recherchieren ob es nicht doch einen neueren und empfohlenen Weg für Sie gibt.
Grundsätzlich wurde für XHTML die Kleinschreibung festgelegt, schreiben Sie also Elementnamen und Attribute immer klein, schreiben Sie auch andere Sachen im Zweifelsfall immer klein. Mögliche Ausnahmen wären da etwa Dateinamen, Adressen usw.
Aus HTML kennen wir einige Elemente die kein End-Tag besitzen, dies wären unter anderen z.B. <br>, <img>, <hr>, <input>, diese „leeren“ Elemente müssen in XHTML anders gekennzeichnet sein. Nach dem Elementnamen folgt ein Leerzeichen und danach ein Slash. Bespiel: <br />
Anführungszeichen in Attributen sind in XHTML zwingend vorgeschrieben!
Sogenannte „leere Attribute“ wie etwa in HTML <hr noshade> sind nicht mehr erlaubt. Sie müssen stattdessen <hr noshade:“noshade“ /> schreiben. Leere Attribute bekommen ihren eigenen Namen als Wert zugewiesen.
Die folgenden HTML-Tags und -Attribute galten bereits in vorangegangenen Versionen von HTML und XHTML als unerwünscht – deprecated – und sollten nicht länger verwendet werden. Sie dienen im Wesentlichen der optischen Aufbereitung der Inhalte (z.B. das font-Tag oder das Attribut bgcolor) und sollten durch CSS-Regeln ersetzt werden.
Element |
Beschreibung |
basefont |
Basisschriftgröße des Dokuments |
center |
Zentrierte Darstellung von Elementen |
dir |
Darstellung des Inhalts eines Verzeichnisses |
font |
Lokal begrenzte Änderung der Schriftgröße |
isindex |
Ausgabefeld in einer Zeile |
menu |
Menüliste |
s |
Durchgestrichener Schriftstil |
strike |
Durchgestrichener Schriftstil |
u |
Unterstrichener Schriftstil |
Element |
Attribute |
a |
name |
applet |
name |
body |
alink (Color), background, bgcolor (Color), link (Color), text (Color), vlink (Color) |
br |
clear ("left" | "all" | "right" | "none"*) |
caption |
align ("top" | "bottom" | "left" | "right") |
div |
align ("left" | "center" | "right" | "justify") |
dl |
compact ("compact"), type |
h1-h6 |
align ("left" | "center" | "right" | "justify") |
hr |
align ("left" | "center" | "right" | "justify"), noshade ("noshade"), size (Pixels), width (Länge) |
iframe |
name |
img |
align ("top" | "middle" | "bottom" | "left" | "right"), border (Pixels), hspace (Pixels), name, vspace (Pixels) |
form |
name |
frame |
name |
input |
align ("top" | "middle" | "bottom" | "left" | "right") |
legend |
align ("left" | "center" | "right" | "justify") |
li |
type, value (ganzzahliger Wert) |
map |
name |
ol |
compact ("compact"), start (ganzzahliger Wert), type |
p |
align ("left" | "center" | "right", "justify") |
pre |
width (ganzzahliger Wert) |
script |
language |
table |
align ("left" | "center" | "right"), bgcolor (Color) |
tr |
bgcolor (Color) |
th |
bgcolor (Color), height (Länge) nowrap ("nowrap"), width (Länge) |
td |
bgcolor (Color), height (Länge) nowrap ("nowrap"), width (Länge) |
ul |
compact ("compact"), type |
<vorwärts>
<zurück>
<nach oben>