Descripción
El elemento tbody
permite a los navegadores renderizar el contenido de la tabla de manera progresiva. Esto es especialmente útil para tablas grandes que pueden tardar un tiempo en cargarse por completo. Los navegadores pueden comenzar a mostrar el contenido de la tabla tan pronto como el contenido dentro del tbody
esté disponible.
Sintaxis
El elemento tbody
se utiliza en el cuerpo principal de una tabla y se escribe como <tbody>
. Dentro dee elemento tbody
, se pueden colocar filas de la tabla (tr
) y celdas de la tabla (td
o th
).
<table>
<tbody>
<tr>
<td>Celda</td>
</tr>
</tbody>
</table>
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
<table>
<thead>
<tr>
<th>Encabezado 1</th>
<th>Encabezado 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
</tr>
<tr>
<td>Celda 3</td>
<td>Celda 4</td>
</tr>
</tbody>
</table>
En este ejemplo, se utiliza tbody
para agrupar filas de una tabla que representan el cuerpo principal de datos tabulares.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.