Documentos Técnicos

O cabeçalho da tabela

thead

A tag <thead>, marca o cabeçalho de uma tabela, delimitando a linha que contém o nome das colunas de dados da tabela. Associada à tag <tbody>, ela define a estrutura da uma tabela.

O uso desta tag em uma tabela é importante para acessibilidade porque ela permite que navegadores para cegos e robôs de busca como o Google possam identificar quais células da tabela contém os títulos das colunas.

Exemplo de uso:

O código abaixo exibe uma tabela com cabeçalho:

<table>
<thead>
<tr>
<th>Smartphone</th>
<th>Sistema</th>
<th>Fabricante</th>
</tr>
</thead>
<tbody>
<tr>
<td>iPhone 5S</td>
<td>iOS</td>
<td>Apple</td>
</tr>
<tr>
<td>Galaxy S5</td>
<td>Android</td>
<td>Samsung, outros</td>
</tr>
<tr>
<td>Nokia 820</td>
<td>Windows Phone</td>
<td>Microsoft</td>
</tr>
</tbody>
</table>

O resultado do código HTML acima é este:

SmartphoneSistemaFabricante
iPhone 5SiOSApple
Galaxy S5AndroidSamsung, outros
Nokia 820Windows PhoneMicrosoft