Continuam seria articolelor dedicate noului standard de markup, HTML5. Astazi vom vorbi despre o serie de tag-uri noi care au fost concepute special pentru definirea layout-ului paginii.
Acestea vin in intampinarea nevoilor de structurare corecta a elementelor in pagina. Astfel vom vedea ca avem de-a face cu tag-uri precum <nav> pentru bara de navigatie, <aside> pentru sidebar si <footer> evident pentru footer-ul paginii.
N-am sa insist foarte mult pe ce face fiecare tag in parte, pentru ca sunt destul de descriptive prin natura lor si nu au nevoie de prea multe explicatii. Am sa va arat in schimb cum ar trebui sa arate codul unei pagini scrise in HTML5.
<!DOCTYPE HTML> <html> <head> <title>HTML5 page</title> <head> <body> <header> <!-- Continut pentru header --> </header> <nav> <!-- Aici vom avea bara de navigatie --> </nav> <section> <!-- Continut principal impartit in elemente --> <article> <!-- Primul element din continut --> </article> <article> <!-- Al doi-lea element din continut --> </article> <article> <!-- ... --> </article> </section> <aside> <!-- Continut pentru sidebar --> </aside> <footer> <!-- Continut footer --> </footer> </body> </html>
Pentru a va face o idee mai buna despre unde se foloseste fiecare tag in parte am facut o mica reprezentare a elementelor in pagina. Va rog sa iertati culorile alese; sunt developer nu designer.
Ceea ce se poate observa este ca noul HTML5 a fost gandit sa raspunda nevoilor web-ului din prezent. Tag-urile sunt facute sa satisfaca doua perspective principale.
Prima este cea a developer-ului/designer-ului. Exista tag-uri precum <article>, gandite special pentru caracterul repetitiv al continutului dinamic de pe web. De asemenea tag-ul <aside>, conceput parca special pentru layout-urile din ziua de azi care se bazeaza pe 2 sau chiar 3 coloane.
A doua perspectiva importanta este cea a motoarelor de cautare. In opinia mea, aceste tag-uri sunt foarte utile pentru SEO, intrucat un crawler al unui motor de cautare poate sa se concentreze pe sectiunile importante din pagina. De exemplu, motorul de cautare va pune probabil mai mult pret pe continutul care se afla in tag-ul <article> decat pe cel din <aside>.
Acestea fiind spuse, in opinia mea exista si un oarecare dezavantaj la felul in care a fost gandita aceasta sintaxa. Desi e un lucru bun ca markup-ul vine in intampinarea unor nevoi ale prezentului, mi se pare ca a fost infipt prea tare in realitatea de AZI.
Nu pot sa nu observ ca markup-ul se preteaza cel bine pe un blog. Si asta e bine, dar tendintele vin si pleaca. Ce-o sa facem cand blog-urile n-o sa mai fie de actualitate? O sa avem un standard care se preteaza cel mai bine pe o unealta a trecutului.
Nu ma intelegeti gresit, era doar un gand. Sunt pentru HTML5 si ceea ce aduce el. Era momentul sa avem un standard nou care sa tina pasul cu noile tehnologii si abia astept ca acesta sa fie suportat de toate browserele de pe piata.