Kāda ir atšķirība starp HTML5, HTML4.01 un XHTML 1.0?

HTML5 paplašina HTML4.01 iespējas ar semantiskajiem tagiem (<nav>, <article>, <aside>), jauniem ievades veidiem formās (email, date, range), multivides atbalstu bez spraudņiem (<video>, <audio>), API darbam bezsaistē (Service Worker, Cache Storage) un vietējo glabātuvi (localStorage, sessionStorage), kā arī WebSocket API. HTML5 sintakse ir elastīgāka, ļauj izlaist dažus aizveršanas tagus un atribūtus noteiktos gadījumos.

XHTML 1.0 ir HTML 4.01 pārformulējums kā XML pielikums. Galvenā atšķirība ir stingrāka sintakse: visi tagi jāaizver (tai skaitā pašaizverjošie, piemēram, <br />), visi atribūti jāievieto pēdiņās, tagu un atribūtu nosaukumi ir jutīgi pret lielajiem un mazajiem burtiem. Mērķis bija radīt strukturētāku un derīgu sintaksi labākai saderībai ar XML parsētājiem. Tomēr praksē lielākā daļa pārlūkprogrammu XHTML interpretēja kā HTML, ignorējot stingrās prasības, ja dokuments netika nosūtīts ar MIME tipu application/xhtml+xml.

Salīdzinājums tabulā:

Raksturlielums	HTML4.01	XHTML 1.0	HTML5
Sintakse	Elastīgāka	Stingra (XML balstīta)	Elastīgāka nekā XHTML, bet strukturēta
Tagu aizvēršana	Ne vienmēr nepieciešama	Vienmēr nepieciešama (<br />, <img>)	Ne vienmēr nepieciešama (<p>, <li> un citi)
Reģistrs	Nav jutīgs	Jutīgs	Nav jutīgs
Atribūtu pēdiņas	Ne vienmēr nepieciešamas	Vienmēr nepieciešamas	Ne vienmēr nepieciešamas noteiktos gadījumos
Multivides atbalsts	Prasa spraudņus	Prasa spraudņus	Dabisks (<video>, <audio>)
Semantiskie tagi	Mazāk (<div>, <span>)	Līdzīgi HTML4.01	Vairāk (<nav>, <article>, <aside>)
Jaunās API	Ierobežotas	Ierobežotas	WebSocket, Local Storage, Canvas, SVG
Darbs bezsaistē	Praktiski nav	Praktiski nav	Cache API, Service Worker
MIME tips	text/html	application/xhtml+xml (stingri), text/html (kā HTML)	text/html
Paplašināmība	Ierobežota	Balstīta uz XML	Ar API un pielāgotiem elementiem (nākotnē)

Sintakses piemērs:

<!-- HTML 4.01 -->
<p>Paragrāfs.
<img src="image.jpg" alt=Attēls>

<!-- XHTML 1.0 -->
<p>Paragrāfs.</p>
<img src="image.jpg" alt="Attēls" />

<!-- HTML5 -->
<p>Paragrāfs.
<img src="image.jpg" alt="Attēls">

HTML5 ir kļuvusi par de facto standartu tīmekļa izstrādē, apvienojot HTML4.01 elastīgumu ar jaunajām iespējām un daļēji pārņemot stingrības idejas no XHTML, vienlaikus orientējoties uz saderību.