HTML 5 je nová verzia HTML
HTML 5 pridáva do špecifikácie HTML množstvo nových funkcií. A čo je ešte lepšie, pre tieto nové funkcie už existuje určitá obmedzená podpora prehliadača. Ak máte funkciu, ktorá vás zaujíma, pozrite si stránku WHATWG Wiki Implementations pre informácie o prehliadačoch, ktoré podporujú rôzne časti špecifikácie.
HTML 5 Nový Doctype a Charset
Pekná vec týkajúca sa HTML 5 je, aké ľahké je, aby sa to týkalo. Používate HTML 5 doctype, ktorý je veľmi jednoduchý a efektívny:
Áno, to je ono. Len dve slová "doctype" a "html". Môže to byť jednoduché, pretože HTML 5 už nie je súčasťou SGML , ale je miesto toho markupovací jazyk, ktorý je sám osebe.
Znaková sada pre HTML 5 je tiež zjednodušená. Používa funkciu UTF-8 a definuje ju iba jednou metaznačkou:
HTML 5 Nová štruktúra
HTML 5 uznáva, že webové stránky majú štruktúru, rovnako ako knihy majú štruktúru alebo iné dokumenty XML . Vo všeobecnosti majú webové stránky navigáciu, obsah tela a obsah bočného panela plus hlavičky, päty a ďalšie funkcie. A HTML 5 vytvoril značky na podporu týchto prvkov stránky.
- - definovať časti stránok
- - definuje hlavičku stránky
- - definuje zápätie stránky
- - definuje navigáciu na stránke
- - definuje článok alebo primárny obsah na stránke
- - definuje ďalší obsah ako bočný panel na stránke
- - definuje obrázky, ktoré komentujú článok
HTML 5 Nové prvky Inline
Tieto inline prvky definujú niektoré základné pojmy a udržiavajú ich sémanticky označené, väčšinou s časom:
- - označenie obsahu označeného nejakým spôsobom
- - označiť obsah, ktorý je časom alebo dátumom
- - označiť obsah, ktorý je zlomkom známeho rozsahu - napríklad použitie disku
- - ukázať pokrok v plnení úlohy
HTML 5 Podpora nových dynamických stránok
HTML 5 bol vyvinutý s cieľom pomôcť vývojárom webových aplikácií, takže existuje veľa nových funkcií, ktoré umožňujú ľahko vytvárať dynamické stránky HTML:
- Kontextové ponuky - HTML 5 podporí vytváranie a používanie kontextových ponúk v rámci webových stránok a aplikácií
- href sa nevyžaduje na značke - umožňuje vám použiť značku so skriptami a webovými aplikáciami bez toho, aby ste potrebovali miesto na odoslanie tejto kotvy
- Async atribút - Toto sa pridáva do značky skriptu, aby sa prehliadačovi povedal, že skript by sa mal načítať asynchrónne, aby neznížil zaťaženie a zobrazenie zvyšku stránky.
- - poskytuje podrobnosti o prvku. Toto by bolo ako nácvik nástrojov v iných než webových aplikáciách.
- - vytvorí tabuľku vytvorenú z databázy alebo iného dynamického zdroja
- - stará značka priniesla nový život a umožnila vám vytvoriť na vašich webových stránkach systém menu
- - definuje akcie, ktoré by sa mali vyskytnúť pri aktivácii dynamického prvku
HTML 5 Nové typy formulárov
HTML 5 podporuje všetky štandardné vstupné typy formulárov, ale pridáva niekoľko ďalších:
- Dátum Čas
- datetime-local
- dátum
- mesiac
- týždeň
- čas
- číslo
- rozsah
- url
HTML 5 Nové prvky
Existuje niekoľko vzrušujúcich nových prvkov v jazyku HTML 5:
- - prvok, ktorý vám na svojich webových stránkach poskytne priestor na kreslenie v jazyku JavaScript. Môže vám umožniť pridávať obrázky alebo grafy do nástrojových tipov alebo jednoducho vytvárať dyanmické grafy na vašich webových stránkach, ktoré sú postavené za chodu.
- - pridanie videa na vaše webové stránky pomocou tejto jednoduchej značky.
- - pridať zvuk na vaše webové stránky pomocou tejto jednoduchej značky.
HTML 5 odstráni niektoré prvky
Existujú aj niektoré prvky v jazyku HTML 4, ktoré už nebudú podporované jazykom HTML 5. Väčšina už je zastaraná, a preto by nemala byť prekvapujúca, ale niektoré by mohli byť ťažké:
- akronym
- applet
- basefont
- veľký
- centrum
- dir
- font
- rám
- rámcov
- isindex
- noframes
- noscript
- s
- štrajk
- tt
- u
Ste pripravení na HTML 5?
HTML 5 pridáva veľa skvelých nových funkcií do webových stránok a webového dizajnu a bude to vzrušujúce, keď ho podporia viaceré prehliadače. Spoločnosť Microsoft uviedla, že začne podporovať aspoň časti kódu HTML 5 v IE 8. Ak chcete začať skôr, mala Opera najlepšiu podporu a Safari za sebou.