HTML versus XHTML
XHTML ist eine strengere, stärker XML-basierte Version von HTML.
Was ist XHTML?
- XHTML steht für EXtensible HyperText Markup Language
- XHTML ist eine strengere, stärker XML-basierte Version von HTML
- XHTML ist HTML, das als XML-Anwendung definiert ist
- XHTML wird von allen gängigen Browsern unterstützt
Warum XHTML?
XML ist eine Auszeichnungssprache, in der alle Dokumente korrekt markiert (wohlgeformt) sein müssen.
XHTML wurde entwickelt, um HTML erweiterbarer und flexibler für die Arbeit mit anderen Datenformaten (wie XML) zu machen. Darüber hinaus ignorieren Browser Fehler in HTML-Seiten und versuchen, die Website auch dann anzuzeigen, wenn das Markup Fehler aufweist. Daher verfügt XHTML über eine viel strengere Fehlerbehandlung.
Wenn Sie XML studieren möchten, lesen Sie bitte unser XML-Tutorial.
Die wichtigsten Unterschiede zu HTML
- <!DOCTYPE> ist obligatorisch
- Das xmlns-Attribut in <html> ist obligatorisch
- <html>, <head>, <title> und <body> sind obligatorisch
- Elemente müssen immer richtig verschachtelt sein
- Elemente müssen immer geschlossen sein
- Elemente müssen immer in Kleinbuchstaben angegeben werden
- Attributnamen müssen immer in Kleinbuchstaben angegeben werden
- Attributwerte müssen immer in Anführungszeichen stehen
- Attributminimierung ist verboten
XHTML - <!DOCTYPE ....> Ist obligatorisch
Ein XHTML-Dokument muss eine XHTML-<!DOCTYPE>-Deklaration haben.
Die Elemente <html>, <head>, <title> und <body> müssen ebenfalls vorhanden sein und das xmlns-Attribut in <html> muss den XML-Namespace für das Dokument angeben.
Beispiel
Hier ist ein XHTML-Dokument mit einem Minimum an erforderlichen Tags:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
XHTML-Elemente müssen ordnungsgemäß verschachtelt sein
In XHTML müssen Elemente immer ordnungsgemäß ineinander verschachtelt sein, wie folgt:
Richtig:
<b><i>Some text</i></b>
Falsch:
<b><i>Some text</b></i>
XHTML-Elemente müssen immer geschlossen sein
In XHTML müssen Elemente immer wie folgt geschlossen werden:
Richtig:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Falsch:
<p>This is a paragraph
<p>This is another paragraph
Leere XHTML-Elemente müssen immer geschlossen sein
In XHTML müssen leere Elemente immer wie folgt geschlossen werden:
Richtig:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
Falsch:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
XHTML-Elemente müssen in Kleinbuchstaben geschrieben sein
In XHTML müssen Elementnamen immer in Kleinbuchstaben angegeben werden, etwa so:
Richtig:
<body>
<p>This is a paragraph</p>
</body>
Falsch:
<BODY>
<P>This is a paragraph</P>
</BODY>
XHTML-Attributnamen müssen in Kleinbuchstaben angegeben werden
In XHTML müssen Attributnamen immer in Kleinbuchstaben geschrieben werden, so wie hier:
Richtig:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Falsch:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
XHTML-Attributwerte müssen in Anführungszeichen gesetzt werden
In XHTML müssen Attributwerte immer in Anführungszeichen gesetzt werden, wie folgt:
Richtig:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Falsch:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>
Die Minimierung von XHTML-Attributen ist verboten
In XHTML ist die Minimierung von Attributen verboten:
Richtig:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />
Falsch:
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />
