Columna 1
| Columna 2
| Columna 3
Les taules nested causen que les pàgines es baixin més lentament Una sola taula d'una pàgina web no farà que la pàgina es baixi més lentament (dins de la raó). Però en el moment de posar una taula dins d'una altra taula, es fa més complicat que el navegador es renderitzi, de manera que la pàgina es carrega més lentament. I com més taules hàgiu encaixat entre elles, més lentament es carregarà la pàgina.
Quan creeu una pàgina amb taules, tingueu en compte que com més taules siguin dins de les taules, més lentament es cargarà la pàgina. Normalment, quan es carrega una pàgina, el navegador comença a la part superior de l'HTML i el carrega de forma seqüencial per la pàgina. Tanmateix, amb taules aniades, ha de trobar el final de la taula abans de mostrar-ho tot.
Taules per al disseny No hauríeu d'utilitzar taules per al disseny a les vostres pàgines web. Sempre requereixen que utilitzeu taules aniades, de manera que una pàgina web de distribució de taules es carregarà més lentament que el mateix disseny representat a CSS.
A més, si esteu intentant escriure XHTML vàlid, les taules no s'han d'utilitzar per al disseny. Les taules són per a dades tabulars (com ara fulls de càlcul), no per al disseny. En lloc d'això, haureu d'utilitzar CSS per a la disposició : els dissenys de CSS es tornen més ràpidament i us ajuden a mantenir XHTML vàlid.
Dissenyar taules de càrrega més ràpides Si dissenyeu una taula amb diverses files, sovint es pot carregar més ràpidament si escriu cada fila com una taula separada. Per exemple, podeu escriure una taula com aquesta:
fila superior
|
columna esquerra
| columna dreta
Però si va escriure la mateixa taula que dues taules, sembla que es carrega més ràpidament, perquè el navegador tornaria a ser el primer i després el segon, en lloc de mostrar tota la taula tot alhora. El truc és assegurar-se que cada taula té amplades idèntiques i altres estils (com farcit, marges i vores).
fila superior
columna esquerra
| columna dreta
Conversió de taules incloses en una taula Podeu sentir que tot això és una bona informació, però teniu una taula que hauria d'incloure una altra taula. Tot i que això pot ser cert, sovint podeu convertir taules nidificades en taules simples més complexes usant els atributs i les vostres cel·les de la taula. Per exemple, a la taula anidada a la part superior, puc convertir aquesta en una sola taula amb només l'atribut colspan :
Columna 1
| colspan = "2" > Columna 2
| Columna 3
|
Columna 1
| taula anidada columna 1
| taula anidada columna 2
| Columna 3
|
Columna 1
| colspan = "2" > Columna 2
| Columna 3
Aquesta taula també té el benefici d'utilitzar menys caràcters que la taula anidada, de manera que es descarregarà més ràpidament per això també.
| | | | |