De ce HTML 5
Da, nu este inca un standard recomandat al W3C dar totusi este folosit pe site-uri ca YouTube sau Safari (partial, ce-i drept). Mai jos sunt cateva motive pentru care credem ca HTML 5 reprezinta viitorul si merita sa fie folosit inca de pe acum.
- pentru ca introduce conceptul de sectionare si de schita (outline) a continutului
- pentru ca introduce noi tag-uri semantice de care aveam nevoie
- pentru ca simplifica lucruri care nu aveau de ce sa fie complicate (
!DOCTYPE html,script,meta charset="UTF-8" - pentru ca introduce API-uri menite sa reduca necesitatea folosirii tehnologiei flash (
video/audio) si nu numai - pentru ca in dezvoltarea lui sunt implicati oameni de la Google, Apple, Mozilla, Microsoft sau Opera
- pentru ca ofera mult mai multe posibilitati pentru SEO
- pentru ca poate fi aplicat imediat (in cea mai mai parte a specificatiilor)
- pentru ca poate fi vizualizat corect chiar si in ie (folosind un mic artificiu)
Cateva taguri semantice introduse de HTML 5
SECTION
Imparte (sectioneaza) continutul unei pagini web in grupuri tematice (ex: text introductoriu, ultimele stiri, zona de contact). Spre deosebire de tag-ul div folosit pana acum pentru acest scop, section are o insemnatate semantica si nu trebuie folosit decat atunci cand continutul unei pagini ( nu layout-ul acesteia) are nevoie de o impartire logica (se va folosi in continuare div daca este vorba doar despre o sectionare vizuala).
HEADER
Reprezinta zona introductorie pentru o sectiune de orice fel (article, aside, nav, section) sau pentru intreaga pagina si contine de cele mai multe ori heading-ul / heading-urile (h1 ... h6 grupate sau nu intr-un hgroup) acesteia, zona de navigare sau alte elemente importante si definitorii pentru sectiunea pe care o introduce.
NAV
Este folosit pentru a marca zone care contin blocuri de navigare importante pentru o pagina sau un site (ex: navigarea principala a site-ului, o zona de navigare intre capitolele unui articol, etc).
ARTICLE
Reprezinta un continut de sine statator intr-o pagina web care poate fi distribuit si refolosit independent (ex: un articol de blog, revista sau ziar, un post de pe un forum, un comentariu al unui utilizator).
In cazul elementelor article imbricate, atunci cele care se afla pe un nivel inferior vor fi considerate ca sunt legate de continutul parintelui (ex: comentariile facute de utilizatori la un articol de blog, pot fi marcate ca article imbricate in elementul care contine articolul de blog).
ASIDE
Reprezinta o sectiune in care se regaseste continut legat tangential de continutul care inconjoara aside, dar care poate fi considerat totusi separat de acel continut (ex: un citat extras dintr-un continut, zona de mesaje twitter ale autorului unui site, un blogroll, etc).
FOOTER
Reprezinta o zona de subsol pentru continutul din parintele de tip sectiune (article, aside, nav, section) sau pentru intreaga pagina si contine informatii generale despre sectiunea in care se afla, cum ar fi: cine a scris-o, legaturi catre documente asemanatoare, date de copyright etc.