html5.jpg

HTML5 – dlho očakávaný update

V októbri roku 2014 bola vydaná stabilná dlho očakávaná nová verzia najpoužívanejšieho hypertextového jazyka na svete – HTML5. Tento update bol naozaj potrebný, keďže verzia HTML4.0 je používaná už od roku 1997 a niektorá z verzií jazyka HTML je používaná na drvivej väčšine internetových stránok súčasnosti.

Jazyk HTML5 priniesol oproti svojmu predchodcovi veľké množstvo vylepšení a nových funkcií, ktoré umožňujú stránky písať efektívnejšie a robiť veci, o ktorých sa predchádzajúcej verzií ani nesnívalo. Cieľom tohto článku je priblížiť vám novú funkcionalitu a ukázať, prečo je vhodné prejsť na novú verziu, ak náhodou ešte stále používate tú starú.

Práca s médiami a grafikou

Jednými z hlavných prínosov HTML5 je práca s médiami a grafikou, ktorá je umožnená vďaka novým tagom. <video> umožňuje prehrávanie video súborov priamo v prehliadači, vďaka <audio> môžete priamo prehrávať zvukové nahrávky, <canvas> vám umožní vytvárať grafiku pomocou Javascriptu a <svg> prináša možnosť zakomponovať vektorovú grafiku priamo do stránky. Tieto tagy vo veľkej miere nahradili kedysi široko používaný Flash, ktorý bol však ťažkopádny a vo veľkej miere spomaľoval chod stránok či starších počítačov.

Lepšia štruktúra obsahu stránky

Ďalšie nové tagy v HTML5 umožňujú tvorcom stránok lepšie členiť obsah stránok.

Tag

Použitie

<main>

Obsahuje hlavný obsah dokumentu.

<section>

Špecifikuje sekcie dokumentu.

<article>

Obsahuje článok.

<header>

Obsahuje uvádzací obsah alebo navigačné odkazy.

<footer>

Špecifikuje pätičku dokumentu alebo sekcie.

<aside>

Obsahuje obsah oddelený od zvyšku stránky.

<nav>

Obsahuje navigačné odkazy.

<figure>

Obsahuje samostatný obsah ako obrázky, ilustrácie, diagramy, atď.

Lepšia v každom smere

Tu však novinky v HTML5 nekončia. Okrem vyššie uvedených boli pridané aj ďalšie tagy, niektoré málo používané tagy boli odstránené a taktiež boli uvedené nové API, napríklad na prácu v offline režime či mnohé iné. HTML5 je nová a lepšia verzia starého jazyka, ktorú sme už dlho potrebovali.

blog comments powered by Disqus
img

Konzultácia a cenová ponuka zdarma

Veríme, že by medzi Vami a Vašim úspechom nemali stáť zbytočné bariéry, preto Vám konzultáciu a cenovú ponuku poskytneme bezplatne.