Co z HTML5 byste určitě měli umět?

HTML5 přišlo s velkou slávou a skutečně má obrovský
úspěch i v praxi. Vývojáři nám přinesli spoustu užitečných funkcí, které
jsme dlouho potřebovali. A jaké z nich jsou nejdůležitější?

Obsáhnout všechny novinky HTML5 by bylo náročné, ale
podíváme se aspoň na pár základních nových tagů a schopností, které by měl znát
každý webový developer.

Audio a video tagy

HTML5 přineslo tagy

Atribut src samozřejmě odkazuje na zdroj audio souboru,
controls zajišťuje přítomnost tlačítek play/pause/volume, loop=“loop“ způsobí
přehrávání ve smyčce, autoplay znamená, že se zvuk začne přehrávat automaticky
bez spuštění.

Ne všechny prohlížeče podporují stejné formáty zvukových a
video souborů, proto je vhodné vložit do stránky rovnou několik tagů za sebou
se stejným souborem v různých formátech. Každý prohlížeč
si pak vybere to svoje.


Kreslící plátno canvas

Jestliže znáte nějaký programovací jazyk, v němž jste
dělali také GUI, budete nadšení. I v HTML5 lze totiž používat canvas
(plátno), které umožňuje kreslení
geometrických tvarů
, obrázků a textu.

 

Kreslení probíhá tak jako v programovacích jazycích. Na
plátno postupně přidáváte obrysy, výplně atd.

Nové typy inputu

Formuláře jsou nyní chytřejší, input totiž rozlišuje:

·
telefonní číslo (tel),

·
e-mail (email),

·
URL adresu (url),

·
barvu (color),

·
datum (date/datetime),

·
číslo (number).

Například:

Ne všechny prohlížeče tyto typy podporují, nicméně vyzkoušet
to můžete. Pak za vás ohlídají, jestli člověk nepíše do políčka, kde má být
číslo, text apod.

Novinek je pochopitelně daleko víc včetně nových tagů
jako

,

,

. Toužíte-li poznat většinu z nich, nejlepší
bude najít web, kde se jim věnují a projít si je pěkně postupně. Zkuste to na
WebDev.wiki, mají tam část věnovanou právě HTML5.


 

Komentujte jako první

Zanechte odpověď

Vaše emailová adresa nebude zobrazována


*