Шпаргалка: HTML-таблицы

Главное по теме HTML-таблицы

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

Минимальный шаблон

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

Чек-лист HTML-таблицы

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

Как применять шпаргалку

Создайте два варианта «HTML-таблицы» в изолированном демо: корректный и содержащий риск «превращение таблицы в набор несвязанных блоков может скрыть структуру данных». Объясните различие вариантов «HTML-таблицы» по наблюдаемому результату. Шпаргалка «HTML-таблицы» напоминает последовательность, но не заменяет проверку требований конкретного интерфейса.