¿Cuál es el beneficio de <thead>

Question

¿Cuál es beneficio del uso de la culata en T en lugar de sólo td? Si hay un beneficio ...

Answer 1

Los elementos thead, tbody y tfoot en HTML se usan para agrupar filas de tablas en secciones lógicas basadas en su contenido. Hay dos razones principales que querría hacer esto:

1. Para permitir que el cuerpo se desplazará independientemente del encabezado y/o pie de página

2. Para que sea más fácil de aplicar diferentes reglas de estilo a las diferentes secciones de la tabla.

Answer 2

El uso de thead, tfoot y tbody le permite aplicar un formato especial a las partes respectivas de la tabla. Por ejemplo, puede incluir el encabezado y el pie de página en todas las páginas impresas de su mesa, o puede hacer que el desplazamiento tbody mientras que el thead & tfoot permanecería estática.

Answer 3

THEAD está destinado a envolver todas las filas de cabecera. Sus contrapartes son TBODY y TFOOT. Son útiles si desea diferenciar esas filas a través de CSS o JavaScript.

Answer 4

Las filas de tabla se pueden agrupar en una cabeza tabla , pie de mesa, y una o más secciones de cuerpo tabla, utilizando el THEAD, elementos TFOOT y TBODY, respectivamente. Esta división permite agentes de usuario para soportar el desplazamiento de cuerpos de mesa de forma independiente de la cabeza tabla y el pie. Cuando se imprimen largas mesas , el jefe de mesa e información pies pueden repetirse en cada página que contiene datos de la tabla.

El encabezado de tabla y el pie de tabla deben contener información sobre las columnas de la tabla. El cuerpo de la tabla debe contener filas de datos de tabla.

http://www.w3.org/TR/html401/struct/tables.html#h-11.2.3

Answer 5

<thead><tbody> y <tfoot> marcar secciones específicas de la tabla (se ponen filas dentro de ellos) como el encabezado, cuerpo y pie de página de la tabla. Esto se puede usar para repetir encabezados y pies de página en cada tabla (algunos navegadores lo hacen de manera predeterminada, otros parecen necesitar ayuda). Ver Repeat table headers in print mode

Answer 6

El thead y td no son de ninguna manera comparables. El thead solo representa un encabezado de la tabla y la celda de una tabla td.

<table> 
    <thead> 
     <tr><th>head1</th><th>head2</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>row1col1</td><td>row1col2</td></tr> 
     <tr><td>row2col1</td><td>row2col2</td></tr> 
    </tbody> 
</table> 

Ver también el w3schools tutorial.

Un beneficio semántica es que separe la cabecera de la tabla desde el cuerpo de la tabla (y en su caso, también el pie de tabla que puede ser representado por <tfoot>). El beneficio técnico es que puede diseñarlos por separado y, por ejemplo, lograr fácilmente una tabla con un cuerpo desplazable con un encabezado/pie de página fijo simplemente dando al <tbody> una altura fija y un desbordamiento. Desafortunadamente MSIE es el único navegador que no lo admite.

Answer 7

partir de la especificación del W3C:

Las filas de tabla se pueden agrupar en una cabeza de mesa, el pie de mesa, y una o más secciones del cuerpo de la mesa, utilizando los elementos THEAD, TFOOT y TBODY, respectivamente. Esta división permite a los agentes de usuario admitir el desplazamiento de cuerpos de tabla independientemente de la cabeza y el pie de la tabla. Cuando se imprimen tablas largas, la información del encabezado y pie de la tabla puede repetirse en cada página que contiene datos de tabla.

Espero que esto ayude.

Answer 8

thead no se usa con mucha frecuencia. Identifica una sección de table que es el "encabezado" y es una especie de sugerencia para el navegador de que el usuario podría querer ver esta pieza, incluso si desplaza el resto de la tabla hacia arriba y hacia abajo. http://www.w3schools.com/tags/tag_thead.asp

Answer 9

no veo que se menciona aquí, pero otra ventaja es que en la mayoría de los navegadores en realidad se puede código <thead>, <tfoot>, y <tbody> fuera de servicio y van a aparecer en el lugar correcto en la mesa. Aunque oscuro, he aprovechado esto antes. Por ejemplo:

<?php $count = 0; ?> 
<table> 
    <tbody> 
    <?php foreach($foo as $f):?> 
     <tr>...</tr> 
     <?php $count++; ?> 
    <?php endforeach; ?> 
    </tbody> 
    <thead> 
    <th>Entries (<?=$count?> total)</th> 
    ... 
    </thead> 
</table> 

que quería un número total de filas que figuran en la cabecera, lo que incrementa un contador en mi foreach() y poner el <thead> en la parte inferior, por lo que podría utilizar el valor de $count en mi cabecera .

Sin duda no es el beneficio principal, pero un beneficio, no obstante.

Answer 10

Aquí hay una ventaja que encontré. Supongamos que desea imprimir una página web que tenga tantas filas que toda la tabla quepa en más de una página (cuando desee que se imprima). thead hará que el navegador incluya el encabezado de la tabla en todas las páginas (a las que se extiende la tabla) y, por lo tanto, mejore la legibilidad. Se puede leer here