HTML 5
| Niektóre informacje zawarte w artykule wymagają weryfikacji. Zajrzyj na stronę dyskusji, by dowiedzieć się, jakie informacje budzą wątpliwości. |
| HTML 5 | |
| Rozszerzenia pliku | .html, .htm |
| Typ MIME | text/html |
| Producent | W3C oraz WHATWG |
| Ostatnia wersja | 1.4938 |
| Typ | język znaczników |
| Strona internetowa | |
HTML 5 – język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest rozwinięciem języka HTML 4 i jego XML-owej odmiany (XHTML 1), opracowywane w ramach prac grupy roboczej WHATWG (Web Hypertext Application Technology Working Group) i W3C[1].
Jest to konkurencyjna specyfikacja w stosunku do specyfikacji XHTML 2[2], której rozwój został porzucony 2 lipca 2009 roku – wsparcie wszystkich środowisk i producentów przeglądarek ukierunkowane jest na HTML 5[3].
Główna różnica pomiędzy HTML 5 a XHTML 2 polega na tym, że HTML 5 jest pisane z myślą o kompatybilności wstecznej, podczas gdy XHTML 2 zrywało z kompatybilnością.
HTML 5 poza dodaniem nowych elementów, usprawniających tworzenie serwisów i aplikacji internetowych, doprecyzowuje wiele niejasności w specyfikacji HTML 4, dotyczących przede wszystkim sposobu obsługi błędów. Niejasności co do sposobu, w jaki przeglądarki powinny obsługiwać błędy w kodzie HTML są jedną z podstawowych przyczyn, dla której wiele serwisów internetowych, napisanych z naruszeniem specyfikacji, w różnych przeglądarkach działa w inny sposób – w niektórych działając, w innych nie.
HTML 5 wysyłany jako XML nazywany jest XHTML 5.
Spis treści |
[edytuj] Niektóre różnice w stosunku do HTML 4[4]
- Nowe tagi: section, article, header, footer, nav, video, audio, mark, progress, ...
- Nowe typy inputów: tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, color.
- Nowe atrybuty elementów formularzy: autofocus, required, autocomplete, min, max, multiple, pattern, step, ...
- Możliwość osadzenia MathML i SVG bezpośrednio w dokumencie, zupełnie jak w XHTML
- HTML 5 nie zawiera żadnych elementów prezentacyjnych
[edytuj] Nowości w API
- Rysowanie 2D z nowym elementem canvas,
- API dla odtwarzania audio i video,
- API dla aplikacji offline,
- API, pozwalające zarejestrować aplikację WEB jako protokół lub media_type,
- API edycji z atrybutem contenteditable,
- API przeciągnij i upuść, z atrybutem draggable,
- API do obsługi przycisku wstecz.
- API pamięci (storage) pozwalające na przechowywanie danych pomiędzy przeładowaniami strony[5].
- Microdata – przechowywanie danych w atrybutach (prefix: data-)
- Geolokalizacja
[edytuj] Nowe metody DOM
- getElementsByClassName
- activeElement, hasFocus
- getSelection
- classList (wrapper dla className) z metodami: has(), add(), remove(), toggle()
- relList dla elementu a
- innerHTML dla window i document
[edytuj] Plany na przyszłość
- Web Sockets
- Server-Sent Events (zdarzenia wysłane przez serwer)
[edytuj] Obsługa błędów
Przeglądarki obsługujące HTML5 będą dostosowane do obsługi błędów w składni. HTML5 został zaprojektowany tak, by starsze przeglądarki bez problemu mogły ignorować nowe konstrukcje. W przeciwieństwie do starszego HTML 4.01 specyfikacja tej wersji zawiera szczegółowe instrukcje jak postępować z niepoprawną składnią, przez co strony z błędami będą wyświetlane w ten sam sposób w różnych przeglądarkach.
[edytuj] Nowe typy znaczników
[edytuj] canvas
Canvas jest elementem HTML, który może być użyty do rysowania grafik przy użyciu skryptów (zazwyczaj JavaScript). Na przykład może być użyty do rysowania wykresów, tworzenia kompozycji fotografii lub do animacji.
Po raz pierwszy znacznik <canvas> został przedstawiony przez Apple dla Mac OS X Dashboard i później zaimplementowany w Safari. Przeglądarki oparte na silniku Gecko począwszy od wersji 1.8 (tj. Firefox 1.5 oraz późniejsze) obsługują ten nowy element. Jest również wspierany przez Opera oraz Internet Explorer 9.
[edytuj] audio i video
Znaczniki <audio> i <video> dają możliwość odtwarzania na stronie dźwięku i klipów wideo bez użycia dodatkowych wtyczek. Problem stanowi brak porozumienia producentów przeglądarek co do użycia tych samych kodeków w swoich produktach.
Przypisy
- ↑ W3C HTML Working Group
- ↑ Faq – Whatwg Wiki
- ↑ Faq – Whatwg Wiki
- ↑ HTML5 differences from HTML4
- ↑ Demo, przykład wykorzystania sessionStorage oraz localStorage.