Ce este HTML5 ?

HTML 5 este ultima revizuire a HTML (“hypertext markup language”), fiind continuitatea limbajelor HTML 4.01 şi XHTML 1.0.

XHTML dispare!

Echipa W3C anunta ca grupul de lucru pentru XHTML2 va inceta sa lucreze la sfarsitul anului 2009, scopul fiind sporirea si dezvoltarea resuselor pentru HTML 5, chiar daca adoptarea de catre WWW si browsere va dura o perioada.

Ce este nou in HTML 5 ?

HTML 5 a fost prevazut cu o serie de elemente si atribute noi si moderne pentru site-urile Web. Unele dintre acestea sunt inlocuiri si imbunatatiri pentru elementele vechi, cum ar fi <nav> sau <footer> pentru atributul <div> sau <span>, iar altele sunt functionalitati noi, cu interfete standardizate cum ar fi <audio> si <video>. Vom incerca sa discutam despre noile elemente care ar trebui cunoscute.

Diferente de la XHTML / HTML4

  • Elemente noi – section article footer audio video progress nav meter time aside canvas datagrid
  • Noi tipuri de forma de control – datele şi orele, email url search
  • New atribute – ping, charset, async, data-x
  • Atribute globale – id, tabindex, hidden
  • Dezaprobate elementele – center, font, strike
  • Dezabrobate frameurile
  • Nu se bazeaza pe SGML.

Bazele HTML5

Doctype

<!DOCTYPE html>

Este important de specificat doctype-ul la documentele HTML, pentru ca browserele sa stie la ce fel de document sa se astepte.
Doctype-ul la HTML 4.01 necesita o referinta spre DTD, deoarece e bazat pe SGML. Cum HTML5 nu este bazat pe SGML, nu necesita referinta spre DTD, dar trebuie declarat Doctype pentru browsere.

Noi elemente structurale

  • <header> contine informatii introductive pentru o pagina sau sectiune din pagina.
  • <nav> Elementul nav este rezervat pentru sectiunea site-ului care contine link-uri spre alte pagini. Nu toate link-urile trebuie sa se afle in interiorul elementului
    , doar cele de baza.
  • <section> Reprezinta sectiunea ce contine un document sau o aplicatie, si se comporta la fel ca un div.
  • <article> Reprezinta continutul documentului, care poate fi si un post pe blog sau pe forum, sau orice sursa independenta de continut.
  • <aside> Reprezinta continutul care are legatura cu principalele zone din pagina. Poate contine tag-uri, link-uri spre articole asemanatoare, citate, etc.
  • <footer> Elementul care inchide o pagina sau o sectiune a paginii.
HTML 5

Daca aruncam o privire ne dam seama ca aceste elemente inlocuiesc defapt <div> id-urile care le foloseam pentru structurarea paginilor, dar elemente ca si <header> si <footer> pot fi folosite de mai multe ori pe pagina, reprezentand inceputul si sfarsitul unei sectiuni a documentului.

Elemente API

Partea interesanta la HTML5 este ca vine cu multe aplicatii API, printre cele mai importante fiind:

  • Drag & Drop
  • Video & Audio

    • <video width=”500″ height=”320″ src=”video.mp4″>

  • Geolocation