Documentos Técnicos

O corpo da tabela

tbody

A tag <tbody> marca o corpo de uma tabela, delimitando as linhas que contém os dados da tabela. Associada às tags <thead> e <tfoot>, 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 dados e informações.

Exemplo de uso:

O código abaixo exibe uma tabela com um corpo contendo 3 linhas de dados:

<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