Słowem wstępu
Celem poniższego tekstu nie jest szczegółowe omówienie nowej specyfikacji, a wyłącznie krótkie przedstawienie zmian i innowacji jakie za sobą niesie. Jeśli coś wydaje się czytelnikowi niejasne, bądź też pragnie zwrócić na coś szczególną uwagę, niech czuje się zobowiązany napisać o tym w komentarzach lub poprzez e-mail.
O co tyle szumu?
Od dłuższego już czasu, po sieci przewijają się niezliczone informacje dotyczące najnowszej odsłony HTML w wersji piątej. Mimo, iż czołowi producenci przeglądarek (oprócz Microsoftu) prześcigają się we wdrażaniu coraz to nowszych implementacji języka, to (jak zapewne wielu zainteresowanych zdołało doczytać) ostateczną datę, za którą W3C wraz z WHATWG uważa status wdrożenia pełnej specyfikacji do co najmniej dwóch przeglądarek, ustalono na rok 2022. Niektórym data ta może się wydać szokiem, jednak trzeba nadmienić iż HTML w wersji 4.01 do tej pory nie doczekał się poprawnej implementacji bez bugów, a od czasu wydania owej wersji minęło 10 lat.
Co ma przynieść HTML 5? Rewolucję 
Oczywiście pod warunkiem że wraz za postępem pójdą producenci przeglądarek. W tej kwestii jednak nie byłbym pewny co do Microsoftu, ale kto wie, do daty ultimatum zostało jeszcze sporo czasu. Jednym z głównych celów nowej wersji ma być ujednolicenie standardu dokumentów tworzonych w HTML-u. Dobitnym przykładem może być nowy DOCTYPE:
<!DOCTYPE html>
i to wszystko. Mamy nagłówek dokumentu zapisanego wg norm HTML5. XHTML od wersji 1.0 został oparty na technologii XML, w odróżnieniu od HTML 4 opartego na SGML. Wykorzystanie XML w pewien sposób standaryzuje, a także rozszerza możliwości dokumentu, poprzez transformacje XSLT, możliwość generowania poprzez inne dokumenty lub możliwość wstawiania elementów innych typów w znaczniku <object>. Kolejną ważną kwestią, jest podział szkieletu strony na odpowiednie, intuicyjne sekcje.
Pokrótce o Tagach.
Nowa specyfikacja wprowadza wiele istotnych zmian przede wszystkim w sposobie podejścia do tworzenia szkieletu strony. Pojawiły się nowe tagi odpowiedzialne za podział na odpowiednie bloki tematyczne, powiązane ze sobą tematycznie strefy strony. Ogólnie możemy mówić o sporej poprawie jeśli chodzi o standaryzacje i czytelność kodu. Poniżej przedstawiam króciutki opis kilku z nowych tagów.
Korzystając z <section> możemy grupować dane w bloki zawierające konkretne, powiązane ze sobą treści. Ten sam tag z kolei może stanowić część większego elementu, a tym elementem może być <article>. Według DRAFTU, <article> ma być komponentem strony, który to sam w sobie może być kompozycją różnych treści, ale jako całość stanowi autonomiczny obiekt. Można to porównać do artykułu w gazecie. Poprawnie napisany posiada nagłówek, jest podzielony na sekcje (czy też jak kto woli – akapity, punkty), posiada informacje dodatkowe takie jak przypisy, cytaty itp, a na końcu posiada podsumowanie lub stopkę. Elementy zawarte między znacznikami <article> powinny być traktowane jako tematycznie powiązane ze sobą treści.
W tym miejscu warto jeszcze wspomnieć o nagłówku <header>. Jak można się domyśleć, jest on odpowiedzialny na utworzenie treści kojarzonej następnie jako nagłówek lub tytuł. Zaleca się w tym momencie stosowanie wewnątrz niego tagów nagłówkowych takich jak do tej pory czyli np.: <h1>, <h2> aż do <h6>, ale nie jest to wymagane. Wg specyfikacji obejmować on będzie mógł formularze, większe treści takie jak intra, wstępy, lub np. logo.
Omawiając nowe elementy odpowiedzialne za podstawową strukturę dokumentu, nie możemy zapomnieć o bardzo ważnym elemencie jakim jest stopka. Otóż i ona doczekała się wyróżnienia w tagu. Tag <footer> odpowiedzialny będzie przede wszystkim za treści związane z autorem, kontaktem czy odnośnikami do podobnych treści i artykułów. W tym miejscu należy nadmienić iż tag ten można stosować do poszczególnych sekcji jak i artykułów i wtedy odwołuje się on bezpośrednio do elementu zawierającego. W momencie kiedy zostaje on umieszczony w znacznikach body, odwołuje się do całej treści zawartej w dokumencie.
Tag <navi> pozwoli na bezpośrednie określenie miejsca w dokumencie które zawierać będzie odnośniki do podstron serwisu lub też do zewnętrznych stron. W tym miejscu należy zaznaczyć, iż nie będziemy musieli wewnątrz tych znaczników umieszczać wszystkich odnośników znajdujących się na naszej stronie. Wg specyfikacji Draftu, zalecane będzie używanie tego tagu dla elementów mających najważniejsze znaczenie.
Jedną z rewolucji zawartych w HTML5 ma być natywna obsługa plików Video. Oznacza to iż będziemy mogli oglądać pliki video bez konieczności instalowania wtyczek takich jak Flash, QuickTime i innych tym podobnych. W chwili obecnej serwis YouTube wprowadził obsługę plików video za pomocą HTML5. Jeśli dysponujemy przeglądarką obsługującą nowy standard, a takimi są w tej chwili:
- Chrome
- Safari od wersji 4,
- Istnieje również wtyczka Google Chrome Frame dla przeglądarek Microsoftu, umożliwiająca obsługę nowego standardu, jednak osobiście jej nie testowałem,
to możemy zwolnić ze służby Flasha, a zaprzęgnąć do pracy HTML5.
Cieszy fakt, iż nowa technologia już na wstępie przyjęta została z gorącym aplauzem. Jeśli wszystko uda się wdrożyć według obecnych szkiców, w końcu doczekamy się standaryzacji i rozszerzenia możliwości HTML. W połączeniu z opracowywanym obecnie CSS3.0, może się okazać prawdziwym błogosławieństwem…
Pomocne linki:
Oficjalny draft HTML5:
- http://dev.w3.org/html5/spec
Przeglądarki wspierające HTML5:
- Chrome: http://www.google.pl/chrome
- Safari: http://www.apple.com/safari
- dodatek do IE ze wsparciem dla HTML5: http://code.google.com/intl/pl/chrome/chromeframe
Galeria stron wykorzystujących HTML5:
- http://html5gallery.com
- http://html5sites.com
- http://101besthtml5sites.com
Dodaj komentarz
Kategorie
- E-marketing (2)
- Ogólna (2)
- Projekty (1)
- Realizacje (1)
- Serwisy www (2)
- Technologie internetowe (2)
- Użyteczność (Web Usability) (1)