HTML im Vergleich zu XHTML
XHTML ist eine strengere, stärker auf XML basierende Version von HTML.
Was ist XHTML?
- XHTML steht für E X tensible Hyper T ext M arkup L anguage
- XHTML ist eine strengere, stärker auf XML basierende 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, bei der alle Dokumente korrekt ausgezeichnet (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 sie einige Fehler im Markup aufweist. XHTML kommt also mit einer viel strengeren Fehlerbehandlung.
Wenn Sie XML lernen 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 geschrieben werden
- Attributnamen müssen immer in Kleinbuchstaben geschrieben werden
- Attributwerte müssen immer in Anführungszeichen gesetzt werden
- 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 richtig verschachtelt sein
In XHTML müssen Elemente immer richtig ineinander verschachtelt sein, wie hier:
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 geschlossen werden, etwa so:
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 werden
In XHTML müssen leere Elemente immer geschlossen werden, etwa so:
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 werden
In XHTML müssen Elementnamen immer in Kleinbuchstaben geschrieben 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, etwa so:
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 wie folgt in Anführungszeichen gesetzt werden:
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>
Minimierung von XHTML-Attributen ist verboten
In XHTML ist die Attributminimierung 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 />