HTML5 - Omówienie

HTML5 jest kolejną dużą poprawką standardu HTML zastępującą HTML 4.01, XHTML 1.0 i XHTML 1.1. HTML5 to standard strukturyzacji i prezentacji treści w sieci WWW.

HTML5 to współpraca między konsorcjum World Wide Web Consortium (W3C) a Grupą Roboczą Technologii Hipertekstowych Aplikacji Sieciowych (WHATWG).

Nowy standard obejmuje funkcje, takie jak odtwarzanie wideo i przeciąganie i upuszczanie, które wcześniej zależały od wtyczek do przeglądarek innych firm, takich jak Adobe Flash, Microsoft Silverlight i Google Gears.

Wsparcie przeglądarki

Najnowsze wersje Apple Safari, Google Chrome, Mozilla Firefox i Opera obsługują wiele funkcji HTML5, a Internet Explorer 9.0 również obsługuje niektóre funkcje HTML5.

Mobilne przeglądarki internetowe, które są preinstalowane na iPhone'ach, iPadach i telefonach z Androidem, mają doskonałą obsługę HTML5.

Nowe funkcje

HTML5 wprowadza szereg nowych elementów i atrybutów, które mogą pomóc w tworzeniu nowoczesnych witryn internetowych. Oto zestaw niektórych z najważniejszych funkcji wprowadzonych w HTML5.

New Semantic Elements - Są to takie jak <header>, <footer> i <section>.
Forms 2.0 - Ulepszenia formularzy internetowych HTML, w których wprowadzono nowe atrybuty dla tagu <input>.
Persistent Local Storage - Aby osiągnąć bez uciekania się do wtyczek innych firm.
WebSocket - Dwukierunkowa technologia komunikacyjna nowej generacji dla aplikacji internetowych.
Server-Sent Events - HTML5 wprowadza zdarzenia, które przepływają z serwera WWW do przeglądarek internetowych i nazywane są zdarzeniami wysłanymi przez serwer (SSE).
Canvas - Obsługuje dwuwymiarową powierzchnię rysunkową, którą można programować za pomocą JavaScript.
Audio & Video - Możesz osadzać dźwięk lub wideo na swoich stronach internetowych bez korzystania z wtyczek innych firm.
Geolocation - Teraz odwiedzający mogą udostępniać swoją fizyczną lokalizację w aplikacji internetowej.
Microdata - Pozwala to tworzyć własne słowniki poza HTML5 i rozszerzać strony internetowe o niestandardową semantykę.
Drag and drop - Przeciągnij i upuść elementy z jednego miejsca do drugiego na tej samej stronie internetowej.

Kompatybilność wsteczna

HTML5 został zaprojektowany, aby w miarę możliwości był wstecznie zgodny z istniejącymi przeglądarkami internetowymi. Nowe funkcje zostały oparte na istniejących funkcjach i umożliwiają udostępnianie zawartości zastępczej dla starszych przeglądarek.

Zaleca się wykrycie obsługi poszczególnych funkcji HTML5 za pomocą kilku wierszy JavaScript.

Jeśli nie jesteś zaznajomiony z żadną poprzednią wersją HTML, polecam przejrzenie naszego HTML Tutorial przed poznaniem funkcji HTML5.