Задача: Исправьте footer

Условие: Исправьте footer

Цель темы «Исправьте footer» — реализовать компонент по измеримым критериям готовности. Задача «Исправьте footer» решается распределением высоты страницы, а не абсолютным позиционированием подвала. Проверьте «Исправьте footer» в печатной версии длинного справочного материала, выполнив действие: проверьте короткое и длинное содержимое, min-height и отсутствие перекрытия подвала. Результат задачи «Исправьте footer» должен сохранять семантический HTML, адаптивную раскладку и понятные состояния управления.

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

<footer>
  <nav aria-label="Ссылки в подвале">…</nav>
  <small>© 2026 Проект</small>
</footer>

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

• Проверьте короткое и длинное содержимое, min-height и отсутствие перекрытия подвала применительно к теме «Исправьте footer»
• Сопоставьте результат «Исправьте footer» с целью «реализовать компонент по измеримым критериям готовности» и объясните каждое использованное условие
• Повторите проверку «Исправьте footer» с другими данными и убедитесь, что исключён риск: position: fixed или absolute может наложить подвал поверх основного текста
• Назначение «Исправьте footer» понятно без декоративного оформления

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

Перенесите тему «Исправьте footer» на небольшом макете и изменяйте по одному условию. После каждого запуска «Исправьте footer» проверяйте: проверьте короткое и длинное содержимое, min-height и отсутствие перекрытия подвала.

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

Рабочий критерий для «Исправьте footer»: проверьте короткое и длинное содержимое, min-height и отсутствие перекрытия подвала. Если результат «Исправьте footer» меняется вместе с посторонним условием, пример ещё не изолирован. Затем исключите следующие риски: Position: fixed или absolute может наложить подвал поверх основного текста — это предметный риск для «Исправьте footer»; Проверка только мышью и только на широком экране при использовании «Исправьте footer»; Визуальное изменение порядка, не совпадающее с DOM и фокусом; для «Исправьте footer» проверьте это отдельно.