Atributo de encabezados HTML


Definición y uso

El headersatributo especifica una o más celdas de encabezado con las que está relacionada una celda de tabla.


Se aplica a

El headersatributo se puede utilizar en los siguientes elementos:

Elementos Atributo
<td> encabezados
<th> encabezados

Ejemplos

Ejemplo de Td

Especifique el elemento <th> con el que está relacionado cada elemento <td>:

<table>
  <tr>
    <th id="name">Name</th>
    <th id="email">Email</th>
    <th id="phone">Phone</th>
    <th id="addr">Address</th>
  </tr>
  <tr>
    <td headers="name">John Doe</td>
    <td headers="email">[email protected]</td>
    <td headers="phone">+45342323</td>
    <td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
  </tr>
</table>

El ejemplo

Especifique el elemento <th> con el que está relacionada cada celda de encabezado:

<table>
  <tr>
    <th id="name" colspan="2">Name</th>
  </tr>
  <tr>
    <th headers="name">Firsname</th>
    <th headers="name">Lastname</th>
  </tr>
</table>

Compatibilidad con navegador

El headersatributo tiene el siguiente soporte de navegador para cada elemento:

Element
td Yes Yes Yes Yes Yes
th Yes Yes Yes Yes Yes