Exemplo
O exemplo a seguir identifica dois dos <th> elementos como cabeçalhos de colunas, e dois dos <td> elementos como cabeçalhos de linhas:
<table>
<tr>
<th></th>
<th scope="col">Month</th>
<th scope="col">Savings</th>
</tr>
<tr>
<td scope="row">1</td>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
Tente você mesmo " Definição e Uso
O <td> atributo scope não é suportado no HTML5.
O scope atributo define uma maneira de associar células de cabeçalho a células de dados em uma tabela.
O scope atributo identifica se uma célula é um cabeçalho para uma coluna, linha ou grupo de colunas ou linhas.
Suporte a navegadores
Atributo | |||||
---|---|---|---|---|---|
scope | sim | sim | sim | sim | sim |
O scope atributo não tem efeito visual em navegadores comuns, mas pode ser usado por leitores de tela.
Sintaxe
<td scope="col|row|colgroup|rowgroup">
Os valores dos atributos
Valor | Descrição |
---|---|
col | Especifica que a célula é um cabeçalho para uma coluna |
row | Especifica que a célula é um cabeçalho para uma fileira |
colgroup | Especifica que a célula é um cabeçalho para um grupo de colunas |
rowgroup | Especifica que a célula é um cabeçalho para um grupo de linhas |