Descripción
El atributo headers del elemento th en HTML se utiliza para asociar una celda de datos con las celdas de encabezado correspondientes. Es especialmente útil cuando la relación entre las celdas de encabezado y las celdas de datos no es obvia a primera vista. Al utilizar el atributo headers, podemos facilitar la comprensión de la estructura de la tabla y mejorar la accesibilidad para los usuarios de lectores de pantalla.
Sintaxis
La sintaxis básica del atributo headers es la siguiente:
<th headers="header-id">Celda de encabezado</th>
<td headers="header-id">Celda de datos</td>
Elemento Padre
Ejemplo
Aquí se muestra un ejemplo básico de cómo se puede utilizar el atributo headers en una tabla:
<table>
<tr>
<th id="header1">Encabezado 1</th>
<th id="header2">Encabezado 2</th>
</tr>
<tr>
<td headers="header1">Datos 1</td>
<td headers="header2">Datos 2</td>
</tr>
</table>
En este ejemplo, las celdas de datos están claramente asociadas a sus correspondientes celdas de encabezado.
Artículos relacionados
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.