kuchařka, recepty online
online hry
vtipy, vtipná videaNové tagy a struktura, kterou přináší HTML 5
Napsal hary28 dne 07.04.2011 08:13 v Tvorba www stránek, HTML, CSS | 7 komentářů
HTML tvoří základ webových stránek. Žádná webová stránka by se HTML neobešla a proto i tento jazyk je stále vyvíjen. Je to již dlouho, co se začalo mluvit o HTML 5. Proto v tomto článku ukáži jaké nové tagy a strukturu HTML 5 přináší.
Tagy HTML5:
Seznam všech HTML 5 tagů i s ukázkovými příklady použití najdete zde.
Struktura HTML5:
Ze starších html jste zvyklý na klasické rozdělení stránky pomocí divů, které jste poté pomoc CSS nastylovali. V HTML 5 budeme nyní využívat tagy header, nav, footer a další. Tyto tagy budeme stylovat v CSS úplně stejně jako jsme to dělali s divama. Nejvíce co HTML 5 přineslo nového je přehrávání videa a audia bez jakých kolik dalších pluginů, ale toto nejsou jediné výhody. Nyní když jsme chtěli pracovat s něčím bez aktualizace stránky byl problém a nedalo se to vyřešit na úrovní HTML, ale museli jsme zajít třeba do Java Scriptu, ve kterém jsme poté náš problém vyřešili.
Standardní rozdělení stránky, které používá HTML 5 tagy
Komentáře (7)
Pavel Láhner
11.04.2011, 15:53
A nemyslíš, že je ještě brzo na to přejít na HTML 5? Přece jen ne všechny prohlížeče už na takový skok jsou připraveny... :-D
A nerad bych zase ladil IE! :-D
hary28
11.04.2011, 20:30
Hlavní tagy pro formátování stránky nejsou až tak důležité. Jediné co dělaní tak ne moc viditelně zmenší velikost CSS a zpřehlední zdrojový kód jinak asi nic. V HTML 5 jde hlavně o multimédia jako jsou videa, hudba, ... doteď byl zapotřebí flash, ale ten ztratí smysl s příchodem HTML 5.
Náhlý přechod na HTML 5 bych zatím nedoporučoval, ale je zapotřebí se o to začít zajímat protože nebude dlouho trvat a bude to banalita na každé stránce. A v tomto oboru je důležité jít s novými technologie a nezůstávat u těch starých.
Lubomír Pokorný
15.04.2011, 09:38
Viděl bych v tom jednu velkou výhodu co se SEO týče. Pokud je web samý div, tak jej crawler prochází kompletně a často ani nedojde do konce. Dovedu si představit, že v HTML5 projde hlavně tagy <article>, případně jiné obsahové tagy a vnich bude hledat hlavní obsah.
Ale jinak souhlasím, že na HTML5 je zatím ještě čas...
Blue Being
15.04.2011, 21:03
V HTML5 a CSS3 dělám a je to naprosto skvělé akorát mnoho lidí tohle moc nezná a co se dá dělat v CSS3 o tom bys měl hary napsat ty animace je to svělé :)
hary28
15.04.2011, 22:18
Blue Being: Je tu víc problémů nejenom, že to moc lidí nezná, ale také ne ještě všechny starší prohlížeče tyto nové technologie podporují a hodně lidí pracuje na neaktualizovaném softwaru.
Pokud budu mít dostatek času, tak bych určitě článek napsal.
Blue Being
22.04.2011, 15:56
Pavel: Já bych IE neřešil je to nejhorší prohlížeč všechyn HTML5 zobrazují stejně jen on ne. Už mě fakt vytačí!
Pavel Láhner
11.04.2011, 15:46
Mají tyto tagy nějaké výchozí formátování? Jsou blokové?
Pomalu si na ně budu asi zvykat, ušetří to místo v CSS souboru a na stránce to bude přehlednější, jinak další výhodu v tom moc nevidím...