Исправьте: таблицу с заголовками строк

Обозначьте каждую строку через th scope="row" в tbody.

ШАГ 1 · ИЗУЧИТЕ

Как это работает

Обозначьте каждую строку через th scope="row" в tbody. Семантическая структура должна описывать смысл, а не внешний вид.

Правильный пример

<table><tbody><tr><th scope="row">Аудит</th><td>2 дня</td></tr><tr><th scope="row">Сайт</th><td>5 дней</td></tr></tbody></table>

Когда первая ячейка называет строку, th со scope="row" семантически связывает этот заголовок с остальными ячейками строки.

Частая ошибка

<table><tbody><tr><th>Аудит</th><td>2 дня</td></tr></tbody></table>

Есть только одна строка, а th не указывает через scope, что является заголовком этой строки.

ШАГ 2 · ПРИМЕНИТЕ

Исправьте пример, не меняя его цель. Обозначьте каждую строку через th scope="row" в tbody.

index.htmlHTML

Безопасный результатизолировано

Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы

ШАГ 4 · ПРОВЕРЬТЕ

0%не проверено

Объясните логику решения

Сохраните первую строку, добавьте scope="row" заголовку и создайте вторую строку с той же структурой th, затем td.