‘HTML5 példa’ címkét tartalmazó cikkek
<video>
A HTML5 egyik legjobban várt hozománya (a sok közül) a <video> és <audio> elemek pluginek nélküli támogatása. Korábban a weboldalakba ágyazott videókhooz szükségünk volt külső fejlesztésű bővítményekre (plug-in), pl. Adobe Flash. A történet pikantériája az, hogy a különböző böngészők, más és más videó és audio kódolási eljárásokat támogatnak, aminek hátterében főként az EU és az USA közötti szabadalmi problémák állnak. Az elem támogatása már szinte az összes modern böngészőben megtalálható, Ogg, WebM és MPEG H.264 AAC formátumban. Lássunk egy kis kitérőt hogy feltérképezzük ki mit támogat.
WebM
A WebM Project egy a Google által támogatott projekt, aminek célja egy jogdíjmentes videó formátum létrehozása, főként a HTML5-ös videolejátszás céljára. Lássunk néhány fontos információt róla: Tovább olvasom »
A következőkben vizsgáljuk meg egy picit tüzetesebben a HTML5 új strukturális felépítését. Az alábbi kép jól demonstrálja, hogy mi is változott valójában.
HTML4 & HTML5
Elmondható, hogy a HTML5 egy letisztultabb, talán egyszerűbb struktúrát hoz magával. Nézzük az egyes elemeket, hogy is működnek:
<header> – Címsor/fejléc elem. Általában a szakasz címsorát (h1-h6 vagy hgroup) helyezik itt el.
<nav> – Itt kapnak helyet az oldal fontosabb navigációs (más helyekre mutató) elemei
<article> – A „cikk” elem, ahogy a nevéből is következik, egy önálló tartalommal rendelkező rész.
<section> – Ez képviseli a tartalom egyes fejezeteit.
<aside> – Egy olyan oldalsávot („dobozt”) jelöl, amely a tartalomhoz nem feltétlenül kapcsolódik, de annak mégis szerves része.
<footer> – Lábléc, jellemzően kapcsolati adatokat, vagy az adott szakaszhoz tartozó információkat jelenít meg.
Nézzük meg az új struktúrát a gyakorlatban, egy egyszerű példa segítségével: Tovább olvasom »