Introducció a les taules
Una taula és un conjunt de cel·les organitzades dintre de les quals es poden allotjar diferents continguts.
Exemple de taula: horaris de vol Barcelona-Amsterdam
El problema de l'ús de taules per la maquetació de pàgines web:
- Les dades de la presentació de la pàgina es barregen amb el contingut del document. Això fa que els arxius de les pàgines siguin innecessàriament pesants, ja que els usuaris han de descarregar les dades del format per cada pàgina que visiten.
- Tornar a dissenyar els llocs web i el contingut existents requereixen molt de temps i esforç.
- La consistència visual de tot un lloc web es extremadament difícil d'aconseguir.
- Les pàgines basades en taules són també molt menys accessibles per als usuaris que pateixen incapacitats i per a les persones que utilitzen altres medis de navegació com telèfons mòbils, PDA, etc.
Les taules cal usar-les només quan s'han de mostrar dades en una estructura tabular. Per exemple, horaris, taules de correspondència de dades, etc.
Exemple de taula/p>
Mai s'han d'usar per maquetar una web, ni per centrar, aplicar voreres o separar objectes. Per a tot això està el CSS, que és molt més còmode, curt i no embolica als navegadors. En lloc de crear taules dintre de taules i omplir les cel·les buides amb espaiadors, es pot utilitzar XHTML per a l'estructura i els fulls d'estils (CSS) per dissenyar i donar l'aparença que es vulgui als llocs. D'aquesta forma les pàgines es carregaran de manera més ràpida i seran més accessibles per a tothom. D'altra banda, així és molt més fàcil mantenir separat el contingut de la web, del disseny i la presentació.
Aquest mètode té diversos avantatges respecte a l'ús de les taules:
-
Si no s'utilitza el marcatge de la presentació i disseny en les pàgines, tornar a dissenyar els llocs web i els continguts resultarà molt més fàcil i menys costós. Per modificar el disseny del lloc, només caldrà modificar el full d'estils; no cal editar totes i cadascuna de les pàgines per a modificar-les, ja que el mateix full d'estils, CSS, serveix per a totes.
Podeu fer una ullada a la web CSS Table Gallery, i canviar els estils de taules per veure que el contingut es manté i només canvia l'aparença de la taula.
- L'ús del estàndars redueix la mida dels arxius de les pàgines, ja que els usuaris no necessiten baixar les dades del format de cadascuna de les pàgines que visiten. Els navegadors dels usuaris mantenen en memòria els fulls d'estil, CSS, que controlen el disseny. En ser els arxius més lleugers, les descàrregues de les pàgines són més ràpides.
- La separació estructura/disseny fa que resulti molt més fàcil mantenir la consistència visual en tot un lloc. Com les pàgines utilitzen el mateix CSS per el seu disseny, totes les pàgines segueixen un mateix format.
