Sobes.tech
Junior

Millised on erinevused HTML5, HTML4.01 ja XHTML 1.0 vahel?

sobes.tech AI

Vastus AI-lt

HTML5 laiendab HTML4.01 võimalusi semantiliste siltide (<nav>, <article>, <aside>) kaudu, uusi sisestustüüpe vormidele (email, date, range), multimeedia tuge ilma pluginadeta (<video>, <audio>), API töös offline-režiimis (Service Worker, Cache Storage) ja kohalikus salves (localStorage, sessionStorage), samuti WebSocket API. HTML5 süntaks on paindlikum, lubab teatud sulgemis- ja atribuutide jätta vahele.

XHTML 1.0 on HTML 4.01 ümber sõnastus XML-i lisana. Peamine erinevus on rangem süntaks: kõik sildid peavad olema suletud (ka iseseisvad, näiteks <br />), kõik atribuudid peavad olema jutumärkides, siltide ja atribuutide nimed on suurtähtedest sõltumatud. Eesmärk oli luua struktureeritum ja kehtivam süntaks parema XML-i parseri ühilduvuse jaoks. Praktikas töötles enamik brausereid XHTML-i kui HTML-i, ignoreerides rangemaid reegleid, kui dokument ei saadetud MIME-tüübil application/xhtml+xml.

Võrdlus tabelis:

Omadus HTML4.01 XHTML 1.0 HTML5
Süntaks Paindlikum Rangem (XML-põhine) Paindlikum kui XHTML, kuid struktureeritud
Sildid sulgemine Ei alati vajalik Alati vajalik (<br />, <img>) Ei alati vajalik (<p>, <li> jms)
Reeglid suurtähed Ei ole tundlikud On tundlikud Ei ole tundlikud
Atribuutide jutumärgid Ei alati vajalik Alati vajalik Ei alati vajalik teatud juhtudel
Multimeedia tugi Vajab pluginaid Vajab pluginaid Natiivne (<video>, <audio>)
Semantilised sildid Vähem (<div>, <span>) Sarnane HTML4.01 Rohkem (<nav>, <article>, <aside>)
Uued API-d Piiratud Piiratud WebSocket, Local Storage, Canvas, SVG
Töö offline-tilis Peaaegu puudub Peaaegu puudub Cache API, Service Worker
MIME tüüp text/html application/xhtml+xml (rangelt), text/html (kui HTML) text/html
Laiendatavus Piiratud XML-põhine API-de ja kohandatud elementide kaudu (tulevikus)

Näide süntaksist:

<!-- HTML 4.01 -->
<p>Paragraaf.
<img src="image.jpg" alt=Pilt>
<!-- XHTML 1.0 -->
<p>Paragraaf.</p>
<img src="image.jpg" alt="Pilt" />
<!-- HTML5 -->
<p>Paragraaf.
<img src="image.jpg" alt="Pilt">

HTML5 on saanud de facto standardiks veebiarenduses, ühendades HTML4.01 paindlikkuse uute võimalustega ning osaliselt võttes üle XHTML-i ranguse ideed, olles samal ajal suunatud ühilduvusele.