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?