Задача: Сверстайте адаптивное меню

Условие: Сверстайте адаптивное меню

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

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

<nav aria-label="Основная навигация">
  <a href="/">Главная</a>
  <a href="/catalog/">Каталог</a>
</nav>

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

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

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

Соберите «Сверстайте адаптивное меню» на небольшом макете. Для «Сверстайте адаптивное меню» выполните предметную проверку: проверьте адрес, текст ссылки, текущий пункт и клавиатурный фокус. Затем замените демонстрационные данные «Сверстайте адаптивное меню» реальными.

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

Перед применением «Сверстайте адаптивное меню» сформулируйте ожидаемое поведение, затем проверьте адрес, текст ссылки, текущий пункт и клавиатурный фокус. Для «Сверстайте адаптивное меню» такое сравнение показывает реальную причину изменения. Затем исключите следующие риски: Неясная подпись или ложная кнопка затрудняют выбор действия — это предметный риск для «Сверстайте адаптивное меню»; Фиксированные размеры, которые перестают вмещать реальное содержимое при использовании «Сверстайте адаптивное меню»; Оптимизация кода до проверки корректности и доступности; для «Сверстайте адаптивное меню» проверьте это отдельно.