Таблиці

Таблиця показує перетин: товар і ціна, день і слот, учень і оцінка. Якщо дані можна прочитати списком — бери список. Таблицею не верстають шапку й не ставлять картинки «у клітинки».

colspan розтягує клітинку праворуч, rowspan — униз. Рахуй клітинки в рядку: три стовпці в шапці — у кожному рядку тіла сума colspan теж три. Інакше таблиця поїде.

• caption — назва таблиці, перше, що почує скринрідер.
• thead / tbody / tfoot — шапка, дані, підсумки. Браузеру й друку так простіше.
• Порожню клітинку залиш порожнім td, не став туди прочерк картинкою без alt.
• Довгу таблицю на телефоні краще не ламати на div-картки в HTML: це вже задача CSS.