XHTML
XHTML (Extensible HyperText Markup Language), entwickelt vom World Wide Web Consortium (W3C) im Jahr 2000, ist eine erweiterte Version des beliebten HTML. Es ist dasselbe HTML, jedoch als XML-Anwendung definiert, was die Vorteile von HTML und XML kombiniert.
XHTML behält alle Funktionen von HTML bei, führt jedoch strengere Regeln für das Erstellen von Seiten ein, wodurch Sie Websites unabhängig vom Anzeigegerät und Browser machen können. Das bedeutet, dass die Website in allen modernen Browsern und auf Plattformen wie Computern, Smartphones, PDAs usw. korrekt angezeigt wird.
XHTML wird von allen modernen Browsern unterstützt.
Unterschied zwischen HTML und XHTML
Sie sollten immer <!DOCTYPE ....> verwenden. Ein XHTML-Dokument muss eine XHTML-Doctype-Deklaration enthalten. Weitere erforderliche Elemente sind die Tags
<html>,<head>,<title>und<body>.Beispiel eines XHTML-Dokuments mit erforderlichen Elementen:
XHTML vs HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of the document</title>
</head>
<body>
Content of the page
</body>
</html>- Sie sollten XHTML-Elemente korrekt verschachteln. In einem XHTML-Dokument dürfen Sie Elemente nicht fehlerhaft verschachteln. Es sollte so aussehen:
XHTML-Verschachtelung von Elementen
<strong>
<em>This text is bold and italic</em>
</strong>- Im Gegensatz zu HTML, wo wir das schließende Tag manchmal weglassen können, ist in XHTML das schließende Tag immer und überall erforderlich:
XHTML-Schließtags
A break: <br/>
A horizontal rule: <hr/>
An image: <img src="smile.gif" alt="Always smile" />- Klein- und Großschreibung von Tags wird in XHTML unterschieden. Um Verwirrung zu vermeiden, müssen alle Tags sowie ihre Attribute in Kleinbuchstaben geschrieben werden:
XHTML-Tags in Kleinbuchstaben
<body>
<p>Some paragraph</p>
</body>- Sie müssen XHTML-Attribute in Kleinbuchstaben schreiben, zum Beispiel so:
XHTML-Attribute in Kleinbuchstaben
<table width="100%">- Sie müssen die Attributwerte in Anführungszeichen setzen, zum Beispiel so:
XHTML-Attributwerte in Anführungszeichen
<table width="100%">- Sie können Attribute nicht verkürzen. Das abgekürzte Attribut wird keinem Wert zugewiesen. Einem Attribut kann ein Attributwert zugewiesen werden, der dem Namen entspricht. Es sollte nicht so aussehen:
XHTML-Attributzuweisung
<input type="checkbox" name="flower" value="rose" checked />Stattdessen muss es so aussehen:
Beispiel für XHTML-Attributzuweisung
<input type="checkbox" name="flower" value="rose" checked="checked" />- Es ist besser, das Attribut
idanstelle vonnamezu verwenden. In XHTML ist das Attributnameteilweise veraltet, daher wird empfohlen, das Attributidzu verwenden.
Vorteile von XHTML
- Die Tatsache, dass in XHTML alle Tags geschlossen und korrekt verschachtelt sein müssen, lässt den Code deutlich sauberer aussehen.
- XHTML benötigt weniger Bandbreite, was die Kosten senkt, insbesondere wenn Ihre Website Tausende von Seiten hat.
- Dank der wohlgeformten Struktur lassen sich XHTML-Dokumente leicht auf drahtlose Geräte, Braille-Lesegeräte und andere spezialisierte Webumgebungen übertragen.
- XHTML funktioniert mit CSS, um Webseiten einfach zu erstellen.
XHTML vs HTML
HTML ist die wichtigste Auszeichnungssprache zum Erstellen von Webseiten, während XHTML, wie oben erwähnt, die erweiterte Version davon ist. HTML ist eine Anwendung von Standard Generalized Markup Language (SGML), während XHTML eine Anwendung von XML ist. HTML ist aus SGML erweitert, XHTML aus XML und HTML. HTML wurde 1987 von Tim Berners-Lee erstellt(Wikipedia)und XHTML wurde im Jahr 2000 vom World Wide Consortium vorgeschlagen (Wikipedia). Und der letzte Unterschied zwischen diesen beiden ist das flexible Framework, das im Fall von HTML einen nachsichtigen, HTML-spezifischen Parser erfordert und im Fall von XHTML eine restriktive XML-Untermenge, die mit einem standardmäßigen XML-Parser geparst werden muss.
XHTML vs HTML5
XHTML ist groß-/kleinschreibungssensitiv, während HTML5 ebenso wie HTML es nicht ist. XHTML hat deutlich komplexere Doctypes als HTML5. Der nächste Unterschied ist die Browserkompatibilität: HTML5 wird von allen modernen Browsern unterstützt, XHTML ebenfalls, erfordert jedoch eine korrekte MIME-Typ-Konfiguration (application/xhtml+xml), um strikt geparst zu werden. HTML5 ist der moderne Standard für alle Geräte, während XHTML weitgehend als veraltet gilt. Ein weiterer Unterschied ist, dass HTML5 nachsichtiger ist als XHTML.
Practice
Was sind einige Eigenschaften von XHTML (Extensible Hypertext Markup Language)?