Was sind die Unterschiede zwischen HTML5, HTML4.01 und XHTML 1.0?

HTML5 erweitert die Möglichkeiten von HTML4.01 um semantische Tags (<nav>, <article>, <aside>), neue Eingabetypen für Formulare (email, date, range), native Multimedia-Unterstützung (<video>, <audio>), APIs für Offline-Arbeiten (Service Worker, Cache Storage) und lokalen Speicher (localStorage, sessionStorage) sowie eine API für WebSockets. Die Syntax von HTML5 ist flexibler, erlaubt das Weglassen einiger schließender Tags und Attribute in bestimmten Fällen.

XHTML 1.0 ist eine Umformulierung von HTML 4.01 als XML-Anwendung. Der Hauptunterschied ist eine strengere Syntax: Alle Tags müssen geschlossen werden (einschließlich selbstschließender wie <br />), alle Attribute müssen in Anführungszeichen stehen, und die Namen von Tags und Attributen sind case-sensitiv. Ziel war es, eine strukturiertere und gültige Syntax für eine bessere Kompatibilität mit XML-Parsern zu schaffen. In der Praxis behandelten die meisten Browser XHTML jedoch wie HTML und ignorierten die strengen Regeln, wenn das Dokument nicht mit dem MIME-Typ application/xhtml+xml gesendet wurde.

Vergleich in Tabelle:

Merkmal	HTML4.01	XHTML 1.0	HTML5
Syntax	Flexibler	Strenger (XML-basiert)	Flexibler als XHTML, strukturiert
Tag-Schluss	Nicht immer erforderlich	Immer erforderlich (<br />, <img>)	Nicht immer erforderlich (<p>, <li>, etc.)
Groß-/Kleinschreibung	Nicht sensitiv	Sensitiv	Nicht sensitiv
Attribut-Anführungszeichen	Nicht immer notwendig	Immer notwendig	Nicht immer notwendig in bestimmten Fällen
Medienunterstützung	Erfordert Plugins	Erfordert Plugins	Nativ (<video>, <audio>)
Semantische Tags	Weniger (<div>, <span>)	Ähnlich HTML4.01	Mehr (<nav>, <article>, <aside>)
Neue APIs	Eingeschränkt	Eingeschränkt	WebSocket, Local Storage, Canvas, SVG
Offline-Unterstützung	Praktisch nicht vorhanden	Praktisch nicht vorhanden	Cache API, Service Worker
MIME-Typ	text/html	application/xhtml+xml (strikt), text/html (wie HTML)	text/html
Erweiterbarkeit	Eingeschränkt	XML-basiert	Über API und benutzerdefinierte Elemente (zukünftig)

Beispielsyntax:

<!-- HTML 4.01 -->
<p>Absatz.
<img src="image.jpg" alt=Bild>

<!-- XHTML 1.0 -->
<p>Absatz.</p>
<img src="image.jpg" alt="Bild" />

<!-- HTML5 -->
<p>Absatz.
<img src="image.jpg" alt="Bild">

HTML5 ist zum De-facto-Standard für die Webentwicklung geworden, der die Flexibilität von HTML4.01 mit neuen Möglichkeiten kombiniert und teilweise die Strenge von XHTML übernimmt, wobei die Kompatibilität im Fokus steht.