Aké sú rozdiely medzi HTML5 a HTML4.01, ako aj XHTML 1.0?
sobes.tech AI
Odpoveď od AI
HTML5 je najnovšia verzia HTML s novými prvkami (semantic elements ako <article>, <section>), podporou multimédií (<video>, <audio>), API na prácu s geolokáciou, webovým úložiskom a offline aplikáciami. Je flexibilnejší voči chybám syntaxe a spätne kompatibilný.
HTML4.01 je predchádzajúci štandard s menej prísnymi pravidlami syntaxe v porovnaní s XHTML. Nepodporuje nové možnosti HTML5 priamo z krabice.
XHTML 1.0 je HTML prepísaný ako XML aplikácia. Vyžaduje prísne dodržiavanie syntaxe (napríklad zatváranie všetkých tagov, používanie malých písmen pre názvy prvkov a atribútov, povinné použitie úvodzoviek pre hodnoty atribútov). Bol navrhnutý pre väčšiu rozšíriteľnosť a kompatibilitu s nástrojmi na spracovanie XML.
Hlavné rozdiely možno zhrnúť takto:
- Syntax: HTML5 je najviac flexibilný, XHTML 1.0 najprísnejší (kompatibilný s XML), HTML4.01 je uprostred.
- Sémantika: HTML5 obsahuje nové sémantické tagy pre lepšiu štruktúru obsahu.
- Funkcionalita: HTML5 pridáva množstvo API pre interaktívne webové aplikácie.
- Spracovanie chýb: HTML5 má jasnejšie pravidlá pre spracovanie chýb, prehliadače sa lepšie zotavujú po nesprávnej syntaxe.
- Typ dokumentu (DOCTYPE): V HTML5 je oveľa jednoduchší:
<!DOCTYPE html>. V HTML4.01 a XHTML 1.0 sú dlhšie a označujú použitú DTD.
Príklad DOCTYPE:
<!DOCTYPE html>
<!-- HTML5 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- HTML 4.01 Transitional -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- XHTML 1.0 Strict -->
Porovnávacia tabuľka:
| Funkcia | HTML5 | HTML4.01 | XHTML 1.0 |
|---|---|---|---|
| Syntaxe | Flexibilná | Mierne prísna | Prísna (XML-kompatibilná) |
| DOCTYPE | <!DOCTYPE html> |
Dlhý (udáva DTD) | Dlhý (udáva DTD) |
| Sémantika | Nové sémantické tagy | Menej sémantiky | Menej sémantiky (v porovnaní s HTML5) |
| Multimédiá | Zabudovaná podpora (<video>, <audio>) |
Vyžaduje pluginy | Vyžaduje pluginy |
| API | Mnoho nových API | Obmedzené | Obmedzené |
| Spracovanie chýb | Definované a predvídateľné | Menej predvídateľné | Vyžaduje prísne dodržiavanie syntaxe |
| XML kompatibilita | Nevyžaduje | Nevyžaduje | Kompatibilné |