HTML5 to piąta i najnowsza wersja HyperText Markup Language (HTML), standardowego języka używanego do tworzenia stron internetowych. HTML jest używany do strukturyzowania i prezentowania treści w Internecie, a HTML5 wprowadza szereg istotnych ulepszeń i nowych funkcji w porównaniu do poprzednich wersji HTML.
Główne różnice między HTML i HTML5:
Multimedia:
- HTML: Do osadzenia multimediów (np. wideo, audio) wymagano zewnętrznych wtyczek jak Adobe Flash.
- HTML5: Wprowadza wbudowane elementy
<audio>i<video>, co pozwala na osadzanie multimediów bezpośrednio w kodzie strony bez potrzeby stosowania zewnętrznych wtyczek.
Grafika i Efekty Wizualne:
- HTML: Ograniczone wsparcie dla zaawansowanych efektów graficznych.
- HTML5: Wprowadza element
<canvas>dla rysowania grafiki za pomocą JavaScript, a także obsługuje skalowalną grafikę wektorową (SVG) i efekty CSS3.
Semantyka:
- HTML: Używa głównie ogólnych tagów, takich jak
<div>i<span>. - HTML5: Dodaje semantyczne tagi, takie jak
<article>,<section>,<header>,<footer>, co przyczynia się do lepszej organizacji i czytelności kodu.
Formularze:
- HTML: Podstawowe kontrolki formularzy z ograniczoną walidacją.
- HTML5: Rozszerza możliwości formularzy, dodając nowe typy pól (np.
date,time,email,url) oraz atrybuty (np.placeholder,required,autofocus), co umożliwia lepszą walidację i kontrolę danych.
Przechowywanie Danych:
- HTML: Ograniczone opcje przechowywania danych, głównie cookies.
- HTML5: Wprowadza Web Storage (localStorage i sessionStorage) dla przechowywania danych po stronie klienta, a także IndexedDB dla bardziej zaawansowanego przechowywania.
Wsparcie Offline:
- HTML: Brak natywnego wsparcia dla aplikacji działających w trybie offline.
- HTML5: Wprowadza manifest aplikacji sieciowej i Service Workers, umożliwiając tworzenie aplikacji webowych, które mogą działać offline.
Interakcja:
- HTML: Ograniczone interaktywne możliwości.
- HTML5: Wprowadza API dla przeciągania i upuszczania (drag and drop), WebSockets dla komunikacji w czasie rzeczywistym, a także wsparcie dla różnorodnych urządzeń wejściowych.
Dostępność:
- HTML: Mniej uwagi poświęcono dostępności.
- HTML5: Kładzie większy nacisk na dostępność, umożliwiając tworzenie bardziej dostępnych stron internetowych.
Doctype:
- HTML: Doctype (deklaracja typu dokumentu) był długi i skomplikowany.
- HTML5: Uproszczony doctype:
<!DOCTYPE html>.
Integracja z CSS3 i JavaScript:
- HTML: Mniej zaawansowana integracja.
- HTML5: Zaprojektowany z myślą o głębokiej integracji z CSS3 i JavaScript, umożliwiając tworzenie bardziej interaktywnych i wizualnie atrakcyjnych stron.
Podsumowując, HTML5 znacznie poszerza możliwości tworzenia bogatych, interaktywnych stron internetowych i aplikacji webowych, ułatwiając jednocześnie programowanie i poprawiając dostępność. Jest to obecnie standard w projektowaniu stron internetowych i jest szeroko wspierany przez nowoczesne przeglądarki internetowe.