Un exemplu de structura HTML 5 (cu stil XHTML) arata in felul urmator:
Exemplu HTML 5
De asemenea, un alt exemplu de fisier HTML 5 care foloseste <header>, <footer>, <nav>, <section>, <article> si <aside>, puteti gasi aici.
Pe langa elementele noi din HTML 5, acesta ofera si o serie de functionalitati pe care noi le consideram foarte importante. Printre acestea, ar fi:
- HTML 5 DOM – versiunile anterioare de HTML si XHTML erae definite in termeni de sintaxa, insa HTML 5 este definit in termeni de DOM (Document Object Model); astfel, pentru a reda documentul HTML 5, browserul foloseste o reprezentare arborescenta.
- Geolocation – exista un API, numit Geolocation API, care ofera acces la informatii despre locatia geografica asociata cu userul; acest API intoarce factori geografici ca latitudinea, longitudinea, altitudinea, viteza, etc; in cazul in care nu exista GPS pe dispozitivul userului, detaliile geografice sunt estimate folosind adresa IP.
- Stocarea offline – una din cele mai importante functionalitati noi pentru HTML 5 este posibilitatea navigarii pe pagini Web offline; desi exista aceasta solutie prin Google Gears, odata cu aparitia aceste optiuni in HTML 5, va deveni o solutie nativa in orice browser.
- Video si Audio – asa cum am zis mai sus, exista API-uri pentru audio si video, despre care vom discuta intr-un post ulterior.
- Drag and Drop – exista acum la HTML 5 si un API pentru Drag and Drop, care ofera o serie de evenimente mult mai complexe decat erau pana acum mousedown, mousemove si mouseup; printre acestea, amintim dragstart (un drag a fost initiat, cu elementul pe care s-a facut drag ca tinta), drag (mouse-ul s-a miscat), dragenter (elementul pe care s-a facut drag a fost mutat intr-un drop listener – care este si tinta evenimentului), dragover (elementul pe care s-a facut drag a fost mutat deasupra unui drop listener), dragleave (elementul pe care s-a facut drag a fost mutat dintr-un drop listener), drop (s-a facut drop cu succes la elementul pe care se facuse drag), dragend (s-a terminat operatia de drag).
- Canvas – practic ofera o suprafata libera pe care JavaScript sa deseneze; este un model care se aseamana cu stilul OpenGL de desenare (vom vorbi si despre canvas intr-un post ulterior).
Probabil ca va intrebati cine mai invata HTML in ziua de azi (pentru paginile offline, exista generatoare; pentru paginile online, exista editoare rich-text care permit formatari rapide). Iata insa ca aparitia HTML 5 (care, ca o paranteza, este suportat de din ce in ce mai multe navigatoare – poate o sa ajunga si Internet Explorer sa il suporte intr-un final) aduce o simplificare radicala odata cu aparitia elementelor de care am vorbit pana acum. Ca o incheiere, noi consideram ca aparitia HTML 5 se impunea clar, si ca va usura semnificativ viata programatorului Web.
Leave a Comment
No comments yet.
Comments RSS TrackBack Identifier URI
Blogul nostru
