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.