Exista multi oameni care incearca sa foloseasca tabele pentru layout. Sunt doua motive pentru asta: in primul rand sunt obisnuiti sa lucreze cu tabelele, si in al doilea rand e o metoda destul de rapida de a realiza un site.

Ce se intampla daca vrei sa treci de la un site realizat cu tabele la unul care se bazeaza pe CSS (Cascading Style Sheets)? Foarte probabil acest proces va dura destul de mult.

Ca sa intelegeti ce sunt tabelele - <table> - si de ce sunt ele diferite de div-uri - <div> - si de CSS, va prezentam un mic tutorial despre tabele, unul despre div-uri si unul despre CSS.

Care sunt avantajele CSS? In primul rand, paginile se vor incarca mai rapid. Apoi, e mai usor pentru un motor de cautare sa citeasca sursa site-urilor. Si in al treilea rand e usor de intretinut un site in CSS, fata de un site realizat cu tabele.

Care sunt avantajele tabelelor in fata CSS? Browserele mai vechi prezinta paginile mai bine si in general e mai usor de scris un cod in tabele decat in CSS.

Concluzia? Se poate aplica regula simplitatii: este evident mai simplu (nu neaparat usor, dar simplu), sa realizezi un site sub forma de tabele. Daca aplicam insa regula simplitatii asupra intretinerii site-ului, e evident mai usor sa intretii un site (sa il actualizezi, modifici, adaptezi) un site care se bazeaza pe CSS, mai degraba decat un site care se bazeaza pe tabele.

Care este argumentul definitor? Daca esti web designer si lucrezi cu CSS, exista un avantaj al acestei proceduri, avantaj determinant: in viitor, va fi mai usor sa adaptezi un site de la formatul CSS la viitoare (potentiale) noi formate ale viitorului, mai degraba decat sa adaptezi un site pe baza de tabele la acele formate.

Cum comparati cele doua optiuni? Va aratam un web site care contine ambele tipuri de structurare a datelor. Pe site-ul Next Accommodation puteti vedea continut realizat fara tabele:

Daca va uitati in codul sursa al site-ului, puteti vedea ca nu contine elementul <table>. Pe acelasi site putem insa gasi si o pagina in care este un tabel clasic, realizat cu metoda <table>:

Codul sursa al acestei pagini contine si tabele. Au fost adaugate pentru a facilita navigarea.

Daca doresti sa ne dai un feed-back la acest articol, asteptam cu interes comentariul tau mai jos.

Tags: clasic, cod, cod html, cod sursa, codare, corect, css, div, exemplu, limbaj de programare, metoda, metode, programare, programator, programatori, programming, site, site-uri, standard, standarde, tabel, tabele, table, vechi

This entry was posted on Joi, Ianuarie 8th, 2009 at 11:35 am and is filed under Web development. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.