HTML5 və HTML4.01, həmçinin XHTML 1.0 arasındakı fərqlər nələrdir?

HTML5, HTML4.01-in imkanlarını semantik etiketlər (<nav>, <article>, <aside>) ilə genişləndirir, formalar üçün yeni giriş tipləri (email, date, range), plaginlərsiz multimedia dəstəyi (<video>, <audio>), offline işləmə üçün API-lər (Service Worker, Cache Storage) və yerli yaddaş (localStorage, sessionStorage), həmçinin veb-soketlər üçün API. HTML5-in sintaksisi daha elastikdir, bəzi bağlayıcı etiketləri və atributları müəyyən hallarda atlamağa imkan verir.

XHTML 1.0, HTML 4.01-in XML tətbiqi kimi yenidən ifadə olunmuşdur. Əsas fərq daha sərt sintaksisdir: bütün etiketlər bağlanmalıdır (öz-özünü bağlayanlar daxil olmaqla <br />), bütün atributlar tırnaq içində olmalıdır və etiket və atribut adları böyük-kiçik hərflərə həssasdır. Məqsəd XML parserləri ilə daha yaxşı uyğunluq üçün daha strukturlaşdırılmış və düzgün sintaksis yaratmaq idi. Ancaq praktikada, əksər brauzərlər XHTML-i HTML kimi işləyirdi və sərt qaydaları görməzdən gəlirdi, əgər sənəd application/xhtml+xml MIME tipi ilə göndərilməsə.

Cədvəldə müqayisə:

Xüsusiyyət	HTML4.01	XHTML 1.0	HTML5
Sintaksis	Daha elastik	Sərt (XML-əsaslı)	XHTML-dən daha elastik, strukturlaşdırılmış
Bağlama etiketləri	Hər zaman tələb olunmur	Hər zaman tələb olunur (<br />, <img>)	Bəzən tələb olunmur (<p>, <li>, və s.)
Böyük-kiçik hərflər	Qeyri-sensitiv	Həssas	Qeyri-sensitiv
Atributlarda tırnaq	Hər zaman lazım deyil	Hər zaman lazım	Bəzi hallarda lazım deyil
Multimedia dəstəyi	Plugin tələb edir	Plugin tələb edir	Təbii (<video>, <audio>)
Semantik etiketlər	Daha az (<div>, <span>)	HTML4.01 ilə oxşar	Daha çox (<nav>, <article>, <aside>)
Yeni API-lər	Məhdudlaşdırılmış	Məhdudlaşdırılmış	WebSocket, Local Storage, Canvas, SVG
Offline dəstək	Demək olar ki, yoxdur	Demək olar ki, yoxdur	Cache API, Service Worker
MIME tipi	text/html	application/xhtml+xml (sərt), text/html (HTML kimi)	text/html
Genişləndirmə qabiliyyəti	Məhduddur	XML-ə əsaslanır	API və xüsusi elementlər vasitəsilə (gələcəkdə)

Sintaksis nümunələri:

<!-- HTML 4.01 -->
<p>Paraqraf.
<img src="image.jpg" alt=Şəkil>

<!-- XHTML 1.0 -->
<p>Paraqraf.</p>
<img src="image.jpg" alt="Şəkil" />

<!-- HTML5 -->
<p>Paraqraf.
<img src="image.jpg" alt="Şəkil">

HTML5 veb inkişaf üçün de-fakto standart olmuşdur, HTML4.01-in elastikliyini yeni imkanlarla birləşdirir və qismən XHTML-in sərtlik ideyalarını miras alır, uyğunluğa diqqət yetirir.