Задача: Адаптируйте таблица данных

Условие: Адаптируйте таблица данных

В теме «Адаптируйте таблица данных» теория связана с наблюдаемым результатом. Для темы «Адаптируйте таблица данных» предметный результат подтверждается так: проверьте caption, th и чтение таблицы при горизонтальной прокрутке. Перед переносом «Адаптируйте таблица данных» в проект выполните проверку: проверьте caption, th и чтение таблицы при горизонтальной прокрутке. Результат задачи «Адаптируйте таблица данных» должен сохранять семантический HTML, адаптивную раскладку и понятные состояния управления.

Стартовый код

<div class="table-scroll" tabindex="0">
  <table><caption>Сравнение</caption><tr><th>Вариант</th><th>Значение</th></tr></table>
</div>

Критерии готовности

• Проверьте caption, th и чтение таблицы при горизонтальной прокрутке применительно к теме «Адаптируйте таблица данных»
• Сопоставьте результат «Адаптируйте таблица данных» с целью «сохранить связи заголовков, строк и столбцов на любом экране» и объясните каждое использованное условие
• Повторите проверку «Адаптируйте таблица данных» с другими данными и убедитесь, что исключён риск: превращение таблицы в набор несвязанных блоков может скрыть структуру данных
• Назначение «Адаптируйте таблица данных» понятно без декоративного оформления

Усложнение задачи

Подготовьте минимальный пример «Адаптируйте таблица данных» на небольшом макете. Для «Адаптируйте таблица данных» подтвердите цель «сохранить связи заголовков, строк и столбцов на любом экране» и исключите риск «превращение таблицы в набор несвязанных блоков может скрыть структуру данных».

Самопроверка решения

Рабочий критерий для «Адаптируйте таблица данных»: проверьте caption, th и чтение таблицы при горизонтальной прокрутке. Если результат «Адаптируйте таблица данных» меняется вместе с посторонним условием, пример ещё не изолирован. Затем исключите следующие риски: Превращение таблицы в набор несвязанных блоков может скрыть структуру данных — это предметный риск для «Адаптируйте таблица данных»; Использование физической стороны там, где нужен логический отступ при использовании «Адаптируйте таблица данных»; Проверка только мышью и только на широком экране; для «Адаптируйте таблица данных» проверьте это отдельно.