← Trail· Lesson 5 of 7

Tables and lists

ul, ol, dl, and data tables with thead, th, and scope.

TODO i18n: Full body translation pending. Title and description are localized; the body below remains in Portuguese for now.

Listas

ul — itens sem ordem rígida
ol — sequência (passos, ranking)
dl — termos e definições (glossário)

Tabelas de dados

Tabelas são para dados tabulares, não para layout.

<table>
  <caption>Notas do trimestre</caption>
  <thead>
    <tr><th scope="col">Aluno</th><th scope="col">Nota</th></tr>
  </thead>
  <tbody>...</tbody>
</table>

scope e caption melhoram muito a leitura em leitores de tela.