Wat zijn de verschillen tussen HTML5, HTML4.01 en XHTML 1.0?

HTML5 breidt de mogelijkheden van HTML4.01 uit met semantische tags (<nav>, <article>, <aside>), nieuwe invoertypes voor formulieren (email, date, range), native multimedia-ondersteuning (<video>, <audio>), API's voor offline werken (Service Worker, Cache Storage) en lokale opslag (localStorage, sessionStorage), evenals een API voor websockets. De syntax van HTML5 is flexibeler, staat toe dat sommige sluit-tags en attributen in bepaalde gevallen worden weggelaten.

XHTML 1.0 is een herformulering van HTML 4.01 als een XML-toepassing. Het belangrijkste verschil is een strengere syntax: alle tags moeten worden gesloten (inclusief zelfsluitende zoals <br />), alle attributen moeten tussen aanhalingstekens staan, en de namen van tags en attributen zijn hoofdlettergevoelig. Het doel was een meer gestructureerde en geldige syntax te creëren voor betere compatibiliteit met XML-parsers. In de praktijk behandelden de meeste browsers XHTML als HTML en negeerden de strikte regels als het document niet werd verzonden met het MIME-type application/xhtml+xml.

Vergelijking in tabel:

Kenmerk	HTML4.01	XHTML 1.0	HTML5
Syntax	Meer flexibel	Strenger (XML-gebaseerd)	Flexibeler dan XHTML, gestructureerd
Tag afsluiting	Niet altijd vereist	Altijd vereist (<br />, <img>)	Soms niet vereist (<p>, <li>, etc.)
Hoofdlettergebruik	Ongevoelig	Gevoelig	Ongevoelig
Attribuut aanhalingstekens	Niet altijd nodig	Altijd nodig	Soms niet nodig in bepaalde gevallen
Media-ondersteuning	Vereist plugins	Vereist plugins	Native (<video>, <audio>)
Semantische tags	Minder (<div>, <span>)	Vergelijkbaar met HTML4.01	Meer (<nav>, <article>, <aside>)
Nieuwe API's	Beperkt	Beperkt	WebSocket, Local Storage, Canvas, SVG
Offline-ondersteuning	Bijna afwezig	Bijna afwezig	Cache API, Service Worker
MIME-type	text/html	application/xhtml+xml (streng), text/html (als HTML)	text/html
Uitbreidbaarheid	Beperkt	Op XML gebaseerd	Via API en aangepaste elementen (toekomst)

Voorbeeld syntax:

<!-- HTML 4.01 -->
<p>Paragraaf.
<img src="image.jpg" alt=Afbeelding>

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

<!-- HTML5 -->
<p>Paragraaf.
<img src="image.jpg" alt="Afbeelding">

HTML5 is de facto standaard geworden voor webontwikkeling, die de flexibiliteit van HTML4.01 combineert met nieuwe mogelijkheden en gedeeltelijk de ideeën van strengheid van XHTML erft, met de nadruk op compatibiliteit.