Tables and advanced semantics

Objectives

  • Structure an accessible table
  • Use thead/tbody/th scope
  • Choose article vs section

Lesson

Tables are for tabular data — not layout (that’s Flexbox/Grid).

caption, thead, tbody, th scope="col|row" help screen readers understand headers.

article = self-contained content (post, product card). section = thematic grouping with a heading. div = box with no semantic meaning.

time, address, mark, abbr enrich meaning. Use them when they truly add information.

Assessment

Assessment

1. Should you use a table to center a logo?