Columna 1
| Columna 2
| Columna 3
Tablas aniñadas causan páxinas para descargar máis lentamente Unha única táboa nunha páxina web non fará que a páxina se descargue máis lentamente (dentro da razón). Pero no momento en que coloque unha táboa noutra táboa, faise máis complicado o render do navegador, así que a páxina carga máis lentamente. E canto máis cadernas aniuas entre elas, máis lenta a páxina cargarase.
Cando creas unha páxina con táboas, teña en conta que canto máis cadros estean dentro das táboas, máis lenta a páxina cargarase. Normalmente, cando se carga unha páxina, o navegador comeza na parte superior do HTML e carga-lo secuencialmente na páxina. Non obstante, con táboas aniñadas, ten que atopar o final da táboa antes de que poida amosar todo.
Táboas para o deseño Non deberías usar táboas para o deseño nas túas páxinas web. Case sempre requiren que empregue as táboas aniñadas, polo que unha páxina web de deseño de táboa cargarase máis lentamente que o mesmo deseño que se mostra en CSS.
Ademais, se está a tentar escribir XHTML válido, as táboas non se deben empregar para o deseño. As táboas son para datos tabulares (como follas de cálculo), non para o deseño. En cambio, debes usar o CSS para o deseño : os deseños de CSS reprodúcense máis rápido e axúdanche a manter XHTML válido.
Deseñando táboas de carga máis rápidas Se deseña unha táboa con varias filas, moitas veces pode cargar máis rapidamente se escribe cada fila como unha táboa separada. Por exemplo, podes escribir unha mesa como esta:
fila superior
|
columna esquerda
| columna dereita
Pero se escribiu a mesma táboa que dúas táboas, parece que se cargará máis rápido, porque o navegador renderáo primeiro e despois fará o segundo, en vez de render toda a táboa á vez. O truco é asegurarse de que cada táboa teña idénticos anchos e outros estilos (como recheo, marxes e bordos).
fila superior
columna esquerda
| columna dereita
Conversión de táboas anidados nunha táboa Podes sentir que todo isto é unha boa información, pero ten unha mesa que debe ter outra mesa nesa. Aínda que isto poida ser verdadeiro, moitas veces pode converter táboas anidadas en táboas simples un pouco máis complexas empregando os atributos e as táboas das táboas. Por exemplo, na táboa anidada na parte superior, podo converter esta nunha única táboa con só o atributo colspan :
Columna 1
| colspan = "2" > Columna 2
| Columna 3
|
Columna 1
| columna 1 da táboa anidada
| columna 2 da táboa anidada
| Columna 3
|
Columna 1
| colspan = "2" > Columna 2
| Columna 3
Esta táboa tamén ten a vantaxe de usar menos caracteres que a táboa aniñada, polo que tamén vai descargar máis rápido por mor diso.
| | | | |