HTML5 va HTML4.01 hamda XHTML 1.0 o'rtasidagi farqlar nima?
sobes.tech AI
AIdan javob
HTML5, HTML4.01нинг имкониятларини <nav>, <article>, <aside> каби семантик теглар, форма учун янги кириш турлари (email, date, range), плагинларсиз мультимедиа (<video>, <audio>), офлайн ишлаш APIлари (Service Worker, Cache Storage) ва маҳаллий сақлаш (localStorage, sessionStorage), ҳамда веб-сокетлар учун API билан кенгайтирмоқда. HTML5 синтакси кўпроқ эласти, баъзи ёпиш теглари ва атрибутларни баъзи ҳолларда ўтказишга имкон беради.
XHTML 1.0 — HTML 4.01нинг XML илова сифатида қайта ишланган шакли. Асосий фарқ — қўшимча қўйишнинг қаттиқлиги: барча теглар ёпилиши керак (ўз-ўзини ёпадиганлар ҳамда <br /> каби), барча атрибутлар қўшилган қўшиқда бўлиши керак ва теглар ҳамда атрибутлар номлари катта-кичик ҳарфга сезгир. Мақсад — XML парсери билан яхшироқ мувофиқлик учун кўпроқ тузилган ва тўғри синтакс ишлаб чиқиш. Амалда, кўпчилик браузерлар XHTMLни HTML сифатида ишлайди ва қаттиқ қоидаларни игнор қилади, агар ҳужжат application/xhtml+xml MIME тури билан юборилмаса.
Таблицада таққослама:
| Хусусият | HTML4.01 | XHTML 1.0 | HTML5 |
|---|---|---|---|
| Синтакс | Кўпроқ эласти | Қатъий (XML асосида) | XHTMLдан кўра эласти, тузилган |
| Тегларни ёпиш | Ҳар доим талаб қилинмайди | Ҳар доим талаб қилинади (<br />, <img>) |
Ҳар доим талаб қилинмайди (<p>, <li>, ва бошқалар) |
| Катта-кичик ҳарф | Эътибор бермайди | Эътибор беради | Эътибор бермайди |
| Атрибутларда қўшиқлар | Ҳар доим керак эмас | Ҳар доим керак | Баъзи ҳолларда керак эмас |
| Медиани қўллаш | Плагинлар талаб қилади | Плагинлар талаб қилади | Табиий (<video>, <audio>) |
| Семантик теглар | Камроқ (<div>, <span>) |
HTML4.01 каби | Кўпроқ (<nav>, <article>, <aside>) |
| Янги APIлар | Чекланган | Чекланган | WebSocket, Local Storage, Canvas, SVG |
| Офлайн қўллаб-қувватлаш | Дейлсиз | Дейлсиз | Cache API, Service Worker |
| MIME тури | text/html |
application/xhtml+xml (қатъий), text/html (HTML каби) |
text/html |
| Кенгайтириш имконияти | Чекланган | XML асосида | API ва махсус элементлар орқали (келажакда) |
Синтакс мисоллари:
<!-- HTML 4.01 -->
<p>Параграф.
<img src="image.jpg" alt=Расм>
<!-- XHTML 1.0 -->
<p>Параграф.</p>
<img src="image.jpg" alt="Расм" />
<!-- HTML5 -->
<p>Параграф.
<img src="image.jpg" alt="Расм">
HTML5 веб-дастурлаш учун де-факто стандарт бўлиб, HTML4.01нинг эластига янги имкониятлар қўшади ва қисман XHTMLнинг қатъийлик ғояларини мерос қилиб олади, ҳамда мувофиқликка эътибор қаратилган.