Data Table Scope

A small table gains a caption, header cells, and body rows so each data cell has a clear meaning.

Program

Use table markup when data is genuinely tabular. Captions and header scope describe how cells relate to each other.

data_table_scope.html

<table>
  <caption>Weekly checks</caption>
  <thead>
    <tr><th scope="col">Item</th><th scope="col">Status</th></tr>
  </thead>
  <tbody>
    <tr><td>Backup</td><td>Pass</td></tr>
    <tr><td>Deploy</td><td>Ready</td></tr>
  </tbody>
</table>

caption A caption names the table for readers before they inspect rows and columns.

scope The scope attribute tells which cells a header describes.