Table Sections

A planning table adds a caption, header row, body row, and footer total so each part of the table has a role.

Program

Complex tables are easier to scan when their structural pieces are explicit: caption, thead, tbody, and tfoot.

table_sections.html

<table>
  <caption>Quarter Plan</caption>
  <thead><tr><th>Task</th><th>Hours</th></tr></thead>
  <tbody><tr><td>Prototype</td><td>12</td></tr></tbody>
  <tfoot><tr><td>Total</td><td>12</td></tr></tfoot>
</table>

caption A caption gives the table a visible title.

table sections thead, tbody, and tfoot separate headers, data rows, and summaries.