Możliwości HTML5 i CSS3

Logo HTML5

HTML5 to następca HTML 4.1, który obowiązywał jako standard tworzenia stron przez bardzo długi okres czasu, bo aż od 1999 roku. Jego twórcy, WHATWG oraz W3C, nadali mu ogromne możliwości, dzięki którym strony WWW stają się dużo bardziej efektowne i atrakcyjne, a przy tym bardziej intuicyjne dla użytkowników.

CSS3 czyli Kaskadowe Arkusze Stylów w wersji 3 dają nam możliwości nadawania wielu ciekawych efektów wizualnych i ruchomych. Wykorzystują w najlepszy sposób możliwości urządzenia, na którym jest przeglądana strona.

Sam kod źródłowy strony jest dużo prostszy i przejrzysty. Oprócz tego możemy tylko za pomocą jednej linii kodu znacznie ułatwić korzystanie z naszego serwisu na urządzeniach mobilnych – jest to możliwe dzięki opcji skalowania tekstu. Powstało także wiele nowych znaczników ułatwiając znacznie pracę projektantom stron WWW.

NOWOŚCI W HTML5

HTML5 daje nam nowe, praktycznie nieograniczone możliwości, np. często możemy dzięki niemu zastąpić Flash’a, którego wielu programistów unika na wszelki sposób (wg danych Google flash nie będzie już dłużej rozwijany).

Oto wprowadzone nowości:

  • Możliwość tworzenia stron WWW, które będą poprawnie działały w trybie offline. Przydatne na urządzeniach mobilnych, które mogą stracić połączenie z internetem – strona nadal będzie się na nich wyświetlać. Dzieje się tak m.in. dzięki ciasteczkom aplikacji, lokalnemu magazynowaniu plików i ustawień (konfiguracja tzw. pliku manifest-u).
  • Lepsza i szybsza komunikacja między serwerem, a użytkownikiem – dzięki możliwości wykorzystania żądań AJAX-owych. Strona może na bieżąco otrzymywać dane z serwera bez przeładowywania całej witryny – często wykorzystywane w klientach poczty, które na bieżąco sprawdzają czy na serwerze pojawiły się nowe wiadomości. Wzorowym przykładem wykorzystania jest witryna maps.google.cm – mapy wczytują się na bieżąco, gdy przesuwamy obszar na ekranie
  • Wprowadzenie API (Application Programming Interface), które daje nam możliwość zaawansowanego udostępniania danych z naszej strony na inne witryny (np. możemy umieścić na stronie wyszukiwarkę Google, Facebook-a, itd.)
  • Wprowadzenie nowych, semantycznych (pokazujących przeglądarce znaczenie zawartości) tagów:
    • multimedialne – audio, media.
    • strukturalne – header, nav, aside, section, footer – zamiast jednego div
    • znaczniki – np. wbr, mark, details, progress, meter.
    • atrybuty w formularzach – np. autofocus, placeholder, required, maxlength, async – dzięki czemu budowa formularzy jest jeszcze szybsza, szczególnie dzięki nowym wartościom dla znaczników input – np. url, email, date, time, color, datetime-local.
  • Tworzenie gier i aplikacji za pomocą elementu canvas – który może dosłownie rysować na stronie
  • Rozszerzenia CSS pozwalające na transformacje, transformacje 3D, przenikania oraz obsługę czcionek.
  • Wiele, wiele innych – o pozostałych możesz się dowiedzieć na oficjalnej stronie www.w3.org/TR/html5/

ZALETY KORZYSTANIA Z HTML5

Omówiliśmy pokrótce nowości HTML5 a teraz zajmiemy się co konkretnie nasza strona może dzięki niemu zyskać:

  • Wydolniejsze i szybsze działanie witryny, 
  • Strony są bardziej intuicyjne dla użytkownika.
  • Liczne, atrakcyjne efekty CSS3 – bez potrzeby wykorzystywania JS, dzięki czemu są znacznie wydajniejsze i lepiej wspierane sprzętowo przez urządzenia.
  • Zaawansowane animacje bez konieczności korzystania z „ciężkiego” Flash’a.
  • Możliwość korzystania ze wszystkich wyżej opisanych tagów, atrybutów i rozszerzeń.

Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Więcej informacji

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close