html - tfoot - thead bootstrap
tablas html: thead vs th (7)
Parece (de acuerdo con los ejemplos en esta página , de todos modos) que si estás usando THEAD, no necesitas usar TH.
¿Es eso cierto? Si es así, ¿cuáles son las ventajas / desventajas de THEAD vs. TH?
No hay reglas duras aquí. El elemento <thead> es solo otra forma de agrupar columnas y filas, al igual que <tbody> y <tfoot> . Entonces tiene más posibilidades para crear scripts y formatear.
Por lo que puedo decir por experiencia, no hay diferencia en la representación a menos que esté usando CSS para especificar una diferencia en la representación. Un <tr> dentro de un <thead> rendirá igual que un <th> dentro de un <table> o un <tbody> .
Si desea utilizar <thead> y <th> no olvide anidar <th> dentro de <tr> . De lo contrario, el código puede no ser válido.
Ejemplo:
<table>
<thead>
<tr>
<th>Season</th>
<th>Goals</th>
<th>Assists</th>
</tr>
</thead>
<tbody>
<tr>
<th>2009-2010</th>
<td>25</td>
<td>43</td>
</tr>
<tr>
<th>2011-2012</th>
<td>40</td>
<td>20</td>
</tr>
</tbody>
</table>
<thead> es especial, ya que se puede usar para repetir la fila de encabezado en la parte superior de la página en las versiones impresas.
th es más específico que lo que puede residir dentro de thead . Una th celda debe especificar el encabezado de las celdas td correspondientes. De hecho, puede agregar un atributo de headers a una celda td que apunta a la identificación de una th celda (para lectores de pantalla). Entonces, está directamente relacionado con las td de esa columna.
Sin embargo, thead puede incluir cualquier información ... comúnmente sí incluye las celdas th pero también puede incluir cualquier cosa que considere adecuada como información en la parte superior de la tabla (que no sea un título, porque este tiene su propio etiqueta también).
<thead>
Las filas de la tabla se pueden agrupar en un encabezado de tabla, pie de tabla y una o más secciones de cuerpo de tabla, 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.
La cabecera de la tabla y el pie de la tabla deben contener información sobre las columnas de la tabla. El cuerpo de la tabla debe contener filas de datos de tabla.
Cuando está presente, cada THEAD, TFOOT y TBODY contiene un grupo de fila. Cada grupo de filas debe contener al menos una fila, definida por el elemento TR.
<th>
Las celdas de tabla pueden contener dos tipos de información: información de encabezado y datos. Esta distinción permite a los agentes de usuario crear celdas de encabezado y datos claramente, incluso en ausencia de hojas de estilo. Por ejemplo, los agentes de usuario visual pueden presentar texto de celda de encabezado con una fuente en negrita. Los sintetizadores de voz pueden representar información de encabezado con una inflexión de voz distinta.
El elemento TH define una celda que contiene información de encabezado. Los agentes de usuario tienen dos piezas de información de encabezado disponibles: los contenidos del elemento TH y el valor del atributo abbr. Los agentes de usuario deben representar el contenido de la celda o el valor del atributo abbr. Para los medios visuales, este último puede ser apropiado cuando no hay espacio suficiente para representar el contenido completo de la celda. Para medios no visuales, abbr puede usarse como una abreviatura para encabezados de tabla cuando estos se representan junto con el contenido de las celdas a las que se aplican.
La etiqueta <thead> se usa para agrupar el contenido del encabezado en una tabla HTML. El elemento thead debe usarse junto con los elementos tbody y tfoot .
Más: thead
Utiliza <thead> para encapsular una fila (o filas) enteras para designarlas como el encabezado de la tabla. De acuerdo con la especificación,
"Esta división permite a los agentes de usuario admitir el desplazamiento de los cuerpos de tabla independientemente del encabezado y el pie de la tabla. Cuando se imprimen tablas largas, la información de cabecera y pie de tabla puede repetirse en cada página que contenga datos de tabla".
<th> , por otro lado, se usa para diseñar una celda específica como celda de encabezado en lugar de una celda de datos común.