Wirtuozowski odcinek innowacji, HTML5 jest rzeczywiście technologią, która wniosła nową krew do gatunku tworzenia stron internetowych. Niezależnie od tego, czy chcesz, aby Twoja witryna internetowa mogła pochwalić się funkcjami zmiany kształtu, czy też chcesz, aby prezentowała się przytłaczająco pięknym wyglądem, HTML5 wykona to zadanie za Ciebie i to w najbardziej imponujący sposób.

Chociaż ta platforma pojawiła się w dziedzinie tworzenia stron internetowych już jakiś czas temu, nie brakuje webmasterów, którzy nie mają jej na swojej liście „3 najlepszych preferowanych narzędzi", jeśli chodzi o tworzenie stron internetowych. I duża część z tych webmasterów korzysta już z innych platform w swoich witrynach internetowych, idąc na kompromisy w zakresie szeregu funkcji, które HTML5 mógłby zintegrować z ich witrynami.

1 Daje wolną rękę kreatywnym duszom

Innowacyjność jest znakiem rozpoznawczym największych projektantów i programistów, a kiedy pojawia się narzędzie, które pozwala im na nieograniczone wykorzystanie kreatywności, należy je poprzeć. HTML5 idealnie pasuje do rachunku iw najrozsądniejszy sposób. Jako platforma do tworzenia stron internetowych, HTML5 jest bardzo konfigurowalny, co pozwala profesjonalistom od projektowania wyrazić siebie. Tak więc, gdy Twoim celem jest wyprzedzanie konkurencji, powóz HTML5 jest do złapania.

2 Znacznie ulepszona obsługa wideo jest do wzięcia

Obsługa wideo została znacznie ulepszona dzięki nowemu wbudowanemu wideo HTML5 dla przeglądarek. Ponieważ nie wszystkie przeglądarki obsługują różne formaty, takie jak H.264, aby wyświetlić wideo HTML5, musisz użyć następujących elementów:

<video controls preload>
    <source src="cohagenPhoneCall.ogv" type="video/ogg; codecs='vorbis, theora'" />
    <source src="cohagenPhoneCall.mp4" type="video/mp4; 'codecs='avc1.42E01E, mp4a.40.2'" />
    <p>Your browser does not support the format. <a href="cohagenPhoneCall.mp4">Download this format.</a></p>
</video>

3 Pozwala tworzyć strony internetowe „dla urządzeń mobilnych”, zamiast zmuszać Cię do tworzenia wielu wersji

Zaloguj się do analityki swojej witryny, podrap trochę po powierzchni i obserwuj platformy systemu operacyjnego, z których uzyskujesz większość odwiedzin. Będziesz zaskoczony, widząc, że większość Twoich odwiedzin pochodzi od użytkowników mobilnych, w przeciwieństwie do liczb sprzed roku, kiedy prawdopodobnie miałeś więcej użytkowników komputerów stacjonarnych w swojej witrynie. W związku z tym tworzenie witryny na urządzenia mobilne jest znacznie bardziej zalecane niż tworzenie witryny zorientowanej na komputery stacjonarne, a następnie tworzenie jej wersji przyjaznej dla urządzeń mobilnych. A HTML5 sprawia, że tworzenie stron internetowych dostosowanych do urządzeń mobilnych, które zachowują atrakcyjność dla oka, gdy otwiera się je na mniejszych ekranach, jest bardzo wydajnym ćwiczeniem i dostosowuje się do zmniejszonego rozmiaru bez rzucania kompatybilnością lub problemami z responsywnością.

4 Zawiły dokument XHTML ustępuje miejsca prostszej, mniej kłopotliwej wersji

Mówiąc wprost, doctype XHTML nie spotkało się z entuzjazmem wśród programistów. A powód tego samego jest bardziej niż oczywisty, ponieważ jest napisany jako:

<!DOCTYPE html PUBLIC "-//KKK//DTD XHTML 1.0 Transitional//EN"
    "http://www.xyz.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML5 sprawił, że deklaracja jest znacznie krótsza i bardziej zrozumiała dla programistów:

<!DOCTYPE html>

5 atrybutów można wykryć bardziej intuicyjnie

Przede wszystkim atrybuty, których używasz w swoim programie, powinny być w stanie bezproblemowo określić, czy są odpowiednio wykrywane przez przeglądarki. HTML5 daje tym atrybutom środki, aby to zrobić. Z biblioteką Modernizr okazuje się być zaradnym narzędziem, ale istnieją inne sposoby, takie jak tworzenie elementów przed ich rozbiorem. W ten sposób łatwo będzie ocenić możliwości przeglądarki.

6 Ma swój zestaw poprawek dla IE

Cóż, Internet Explorer jest postrzegany raczej beznamiętnie przez społeczność internetową na całym świecie iz powodów bardzo uzasadnionych. Zgodnie z oczekiwaniami, IE ma własne problemy z radzeniem sobie z nowymi elementami, które wlewa HTML 5. Dlatego stylizowanie tych elementów w taki sposób, aby stały się bardziej zrozumiałe dla tej przeglądarki, jest ważne, aby nadać sens strukturze sposobowi, w jaki elementy HTML5 są wyrównane jako elementy na poziomie bloku:

header, footer, article, section, nav, menu {
   display: block;
}

Teraz istnieje wszelkie prawdopodobieństwo, że Internet Explorer będzie nadal sprawiał ból, ponieważ może nie być odpowiednio zaznajomiony z elementem nagłówka. Tak więc stylizacja w HTML5 może zostać rażąco zignorowana. To powiedziawszy, istnieje proste rozwiązanie tego samego:

document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("nav");
document.createElement("menu");

7 Geolokalizacja

Geolokalizacja jest niezaprzeczalną zaletą HTML5. To, co robi, to rzucanie wartościami matematycznymi reprezentującymi współrzędne lokalizacji użytkownika. Te współrzędne lokalizacji są obliczane za pomocą przeglądarki, z której korzysta odwiedzający, aby uzyskać dostęp do witryny.

8 Kod, który jest wolny od bałaganu i znacznie bardziej zrozumiały

Zawsze zaleca się pisanie programów, które są czyste, łatwe do zrozumienia i napisane w sposób jak najbardziej nadający się do ponownego użycia. HTML5 umożliwia to wszystko, a nawet więcej, ułatwiając kod, który jest wysoce zsynchronizowany, semantyczny i daje swobodę rysowania granicy między stylem a treścią, aby były łatwe do zrozumienia. Standardowy kod nagłówka z nawigacją wygląda następująco:

<div id="header">
 <h1>Header Text</h1>
 <div id="nav">
  <ul>
   <li><a href="x">Link</a></li>
   <li><a href="x">Link</a></li>
   <li><a href="x">Link</a></li>
  </ul>
 </div>
</div>

Możesz twierdzić, że kod jest dość prosty, ale zobaczmy, co potrafi z nim zrobić HTML5:

<header>
 <h1>Header Text</h1>
 <nav>
  <ul>
   <li><a href="x">Link</a></li>
   <li><a href="x">Link</a></li>
   <li><a href="x">Link</a></li>
  </ul>
 </nav>
</header>

Najwyraźniej HTML5 dodaje dużo sensu struktury całemu kodowi, czyniąc go bardziej zrozumiałym, a użycie nagłówków HTML lepiej przedstawia treść.

9 Nie musisz zajmować się „typem” dla skryptów i linków

Nie brakuje twórców stron internetowych, którzy są mocno przywiązani do atrybutu Typ, zwłaszcza gdy muszą wykorzystać tagi skryptów. Dzięki HTML 5 możesz wyleczyć swoje typy, zamiast całkowicie je usunąć. W rezultacie kod staje się opisowy.

<link rel="stylesheet" href="path/to/stylesheet.css" />
<script src="path/to/script.js"></script>

Biorąc pod uwagę zestaw funkcji wyróżnionych powyżej, nietrudno wywnioskować, że HTML5 jest tutaj, aby zmienić sferę technologii internetowych w sposób najbardziej dominujący i wpływowy. Zasilił już niektóre z najbardziej niesamowitych witryn i motywów w Internecie.

Doskonałe przykłady potężnych witryn HTML5

Poniższe przykłady dodatkowo potwierdzają fakt, że HTML5 jest tutaj, aby wywołać potężne fale zmian:

1 studio artystyczne Ghost Writer

Ghost Writer Art Studio może nie zadziwić, ale z pewnością zrobi mocne wrażenie dzięki sprytnym projektom, które są co najmniej chwytliwe. Narzędzia HTML5 nadają mu atrakcyjność, której trudno dorównać.

2 Winiarnia Valpolicella Negrar

Witryna Cantina Valpolicella Negrar tworzy atmosferę, której trudno się pozbyć, raczej atmosferę, przy której chcesz się zatrzymać. Funkcje HTML5 są najinteligentniej wykorzystywane w tych minimalnie zaprojektowanych witrynach, które mają maksymalny wpływ.

3 Waterloo: film

Witryna łączy Cię bezpośrednio z bitwą, nie potrzebujesz wehikułu czasu. Wykonuje swoje zadanie, dając ci wgląd w to, o co chodzi w filmie, wyjątkowo dobrze dzięki doskonałemu wykorzystaniu kolorów, układu, rozmieszczeniu elementów i nie tylko.

4 Zizzi

Jeśli jeszcze nie wierzysz w odwieczne powiedzenie, że „obraz mówi więcej niż tysiąc słów”, to z pewnością Cię przekona. Oparta na HTML5 witryna Zizzi jest wspaniałym dowodem na to, jak kreatywność w połączeniu z potężną platformą może tworzyć magię. Stworzony przez renomowaną agencję Propeller Communications, ten zapewnia, że funkcja API Geolokalizacji HTML5 jest obficie wykorzystywana.

5 Płótno wodne

A potem jest to! Płótno wodne jest zapierające dech w piersiach piękne, ale skupiono się również na responsywności witryny. Tekstury i ogólny układ łączą się wystarczająco dobrze, aby wyróżnić ten element.

6 Lardiniego

Na stronie Lardini jest wystarczająco dużo mody, by mówić za siebie i za markę. HTML 5 rzeczywiście dał swoim projektantom i programistom cały zestaw narzędzi i możliwości, aby mogli wykazać się kreatywnością w najbardziej swobodny i potężny sposób.

Te przykłady powinny dać ci autentyczny powód do zatrzymania się i jeszcze bardziej zwiększyć zainteresowanie HTML5; coś, co tylko utrzyma technologię tworzenia stron internetowych w dobrym stanie.

AffiAi