Вы не знаете HTML-таблицы
Глубокий разбор HTML-таблиц: Table Object Model, семантика заголовков, структура и доступность.
HTML-таблицы — один из самых старых элементов веба, и именно поэтому многие уверены, что знают их вдоль и поперёк. В статье Фрэнка Тейлора оказывается, что это не совсем так.
Автор разбирает таблицы гораздо глубже обычных туториалов:
- Терминология таблиц — как правильно мыслить в терминах row groups, header cells и структуры данных, а не просто
<tr>и<td> - Table Object Model — малоиспользуемый DOM-API для работы с таблицами (rows, cells, section APIs)
- Семантика заголовков — когда достаточно
scope, а когда нужно связывать ячейки черезheaders - Правильная структура — зачем разделять таблицу на
<thead>,<tbody>и<tfoot>и как это влияет на доступность - Практические паттерны — JS-хелперы и приёмы для сложных таблиц
Главная мысль: таблицы — это не просто «сетка для данных», а полноценная семантическая модель, которую скринридеры и браузеры умеют интерпретировать гораздо глубже, чем мы обычно предполагаем.
Если вы когда-нибудь делали сложные таблицы (финансовые, аналитические, с многоуровневыми заголовками), статья отлично показывает, какой потенциал у HTML-таблиц на самом деле.