Dados com relações claras

Vamos descobrir juntos

1. 1

   Use table para dados relacionados em linhas e colunas, não para posicionar a página. Caption nomeia a tabela. Tr cria uma linha; th marca cabeçalhos e td marca células de dados.

2. 2

   Nesta tabela simples, “Atividade” e “Minutos” são th com scope="col". Os nomes das atividades são th com scope="row". Assim, uma duração pode ser associada à coluna e à atividade correspondente.

3. 3

   Thead agrupa linhas de cabeçalho e tbody agrupa o corpo. Não substituem th nem suas relações. Comece com uma tabela pequena; cabeçalhos complexos exigem outra análise e não são resolvidos apenas pela presença de scope.

4. 4

   Leia uma célula fora da ordem visual: “Testar, Minutos, 15”. Ainda faz sentido? Dê um caption específico e confira a tabela numa tela estreita. Nossa revisão procura alguns elementos, mas não valida todas as associações.