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.