HTML5

HTML5

HTML5 je posledný štandard. Podľa neho totiž prehliadače zobrazuju a spracovávajú webové stránky. Keď bol v roku 2014 tento štandard schválený, išlo o prvú aktualizáciu HTML po 14 rokoch. V dnešnej dobe takého oneskorenie medzi aktualizáciami predstavuje doslova večnosť.
Zmysel HTML5 spočíva v prvom rade v zjednodušení práce vývojárom a webovým prehliadačom prostredníctvom dohodnutých štandardov.

Uvádzame niekoľko kľúčových vylepšení, ktoré HTML prinášajú:

  • Stránky majú jednoduchšiu a jasnejšiu štruktúru elementov, čiže je ľahšie vytvárať, upravovať a odhaľovať chyby, a tiež budovať automatizované služby, ktoré pomáhajú hľadať dôležité informácie webu
  • HTML5 ponúka štandardizované elementy pre bežné objekty médii, ktoré najskôr vyžadovali otravné audio, video a podobné pluginy. Tieto pluginy museli byť kvôli bezpečnosti pravidelne aktualizované.
  • Došlo k integrácií rozhrania, aby boli uspokojené súčasne webové a mobilné potreby. Jedným z príkladov je geolokácia, ktorá umožňuje určiť GPS súradnice užívateľom internetu prostredníctvom webového prehliadača. Táto vychýtavka bola najprv dostupná len pre mobilné aplikácie na telefónoch vybavených GPS.

Nové základné elementy HTML5 zjednodušujú rozvrhnutie stránky a ladenie kódu. Automatizované služby tiež ľahšie prehľadávajú stránku a skôr pochopia dôležitosť jednotlivých komponentov.

Pre rozvrhnutie stránky existujú špecifické elementy ako napríklad:

  • <header> a <footer>
  • <nav> pre všetky možné menu
  • <aside> pre bočné lišty, alebo súvisiaci obsah
  • <article> , ktorý by sa dal prirovnať napr. k príspevku na blogu
  • <section>, element podobný <div> s tým rozdielom, že nesie určitý význam
  • <audio> a <video> tagy pre natívnu podporu prehrávania médií. Už žiadne pluginy a bezpečnostné updaty.
  • <canvas> pre kreslenie prostredníctvom separátneho skriptovacieho jazyka
  • <embed> ako priestor pro vloženie externého obsahu alebo aplikácie

Grafické spracovanie vyššie popísaného textu Smashing Magazine:

What is HTML5 New Elements

Uvádzame ešte niekoľko pokročilejších vlastností HTML5, ako je integrácia API rozhrania, uľahčenie písania JavaScriptu a väčšia konzistencia cez prehliadače.

  • Prehrávanie audio a video: mediálne súbory je možné prehrávať v rôznych prehliadačoch bez potreby pluginov.
  • Geolokácia: identifikácia geografickej polohy návštevníka.
  • Potiahni a pusť: upload súborov v prehliadači pomocou jednoduchých gest.
  • Cache aplikácia: podpora behu HTML stránok offline.
  • Web workers: spustenie JavaScriptu na pozadí (neblokuje vykreslenie stránky).
  • Serverom odoslané udalosti: server môže aktualizovať stránky v prehliadači potom čo boli načítané a to jednoduchšie a efektívnejšie, ako AJAX a JavaScript.
  • Offline ukládanie dát: spôsob lokálneho ukladania dát v prehliadači nezávisle na cookies. Dobrý návod, ako postupovať, ponúka Ako na HTML5 offline úložisko na vašich stránkach.

WAME Newsletter

Prihláste sa na odber noviniek