Diferentele intre versiunea 5 si 4 a HTML pot fi incadrate in urmatoarele sectiuni: sintaxa, limbaj si API. In continuare, vom prezenta pe scurt schimbarile cele mai importante din fiecare sectiune.
Sintaxa
Sintaxa HTML 5 este in mare parte compatibila cu HTML 4, exceptand cateva optiuni mai avansate ale HTML 4, ce deriva din SGML, cum ar fi procesarea instructiunilor si anumite scurtaturi. Astfel, tag-urile de genul: <?instructiune>, <nume1<nume2>>, <nume/…/ nu vor mai fi suportate de HTML5.
O alta sintaxa ce poate fi folosita pentru HTML 5 este cea a limbajului XML, pentru aceasta toate elementele trebuiesc adaugate in namespace-ul http://www.w3.org/1999/xhtml.
Odata cu suportul pentru sintaxa XML, HTML 5 vine si cu suport pentru doua aplicatii foarte utile ale XML-ului: MathML (integreaza formule matematice in documente Web) si SVG (descrie imagini vectoriale 2D).
Odata cu HTML5 a fost introdus si suportul nativ pentru IRI (Internationalized Resource Identifier), care este o generalizare a URI ce permite includerea intr-un identificator de resursa a caracterelor UNICODE; poate fi folosit doar daca encoding este UTF-8 sau UTF-16.
O noua schimbare a sintaxei este modificarea declaratiei DOCTYPE, acum nu mai este nevoie de definitia pe mai multe randuri si greu de tinut minte din HTML4, este suficient doar: <!DOCTYPE html> . S-a recurs la aceasta solutie deoarece HTML5 nu mai este bazat pe SGML si astfel nu mai avem nevoie de o referinta la un DTD.
Dupa schimbarile efectuate asupra sintaxei se observa ca tendinta este una de simplificare a limbajului incercand in acelasi timp sa fie compatibil cu cat mai multe tehnologii existente.
Limbajul
In ceea ce priveste limbajul propriu-zis, diferentele nu mai sunt asa putine ca cele de la sintaxa, astfel fata de HTML4 avem elemente/atribute noi, elemente/atribute la care s-a renuntat si elemente/atribute al caror sens a fost schimbat.
Urmatoarele elemente au fost adaugate pentru a fi posibila o structurare mai coerenta a unui document:
- section – o sectiune generica a documentului ce poate fi folosita cu tag-urile h1 – h6 pentru a indica mai bine structura documentului
- article – o bucata de document cu continut independent de restul documentului (ex: un articol de blog)
- aside – o portiune mai putin relevanta in raport cu restul paginii
- hgroup – header-ul unei sectiuni
- footer, header – reprezinta partea de jos, respectiv sus a unei sectiuni
- nav – reprezinta zona de navigatie a unui document (meniul, in general)
- dialog – folosit pentru a retine un dialog
Printre elementele cele mai folositoare se numara si elementele audio si video ce permit o integrare mult mai usoara de continut multimedia in documentele web (despre ele vom vorbi in alt post).
De asemenea exista o multitudine de elemente noi pentru a usura munca programatorului (progress, meter, time, canvas, command, etc.)
S-a renuntat la mai multe elemente si atribute legate de formatarea de text (center, font, align, border, etc.) deoarece aceste pot fi mult mai usor tratate cu ajutorul CSS.
API
HTML 5 vine cu o serie de API-uri noi ce ajuta in crearea aplicatiilor web, spre exemplu API pentru desenarea 2D in cadrul elementului Canvas. Deasemenea interfetele HTMLDocument si HTMLElement din cadrul DOM au fost extinse cu cateva functii noi pentru o manipulare mai usoara a documentelor.
Fiind novici in tainele HTML, putem spune ca, pe hartie, HTML5 pare mult mai usor de invatat decat predecesorul sau, si suntem convinsi ca Internetul de azi ar fi fost mai ‘frumos’ daca HTML5 ar fi aparut acum cativa ani.
Leave a Comment
No comments yet.
Comments RSS TrackBack Identifier URI
Blogul nostru
