УРОК 22 ИЗ 120

Исправьте: ссылку на раздел

Свяжите навигацию с существующим разделом через уникальный фрагмент.

Официальный источникWHATWG HTML — linksПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

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

Свяжите навигацию с существующим разделом через уникальный фрагмент. Семантическая структура должна описывать смысл, а не внешний вид.

Правильный пример
<nav><a href="#contact">Контакты</a></nav><section id="contact"><h2>Контакты</h2></section>

href, начинающийся с #, указывает на фрагмент текущей страницы. Текст после # должен совпадать с уникальным id цели.

Частая ошибка
<nav><a href="#contact">Контакты</a></nav><section><h2>Контакты</h2></section>

Ссылка ведёт на #contact, но ни у одного элемента нет id="contact". У навигации нет действительной цели.

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

Ваше задание

Исправьте пример, не меняя его цель. Свяжите навигацию с существующим разделом через уникальный фрагмент.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlHTML
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Ссылка ведёт на #contact.
  • Цель с id="contact" существует.
Объясните логику решения

Добавьте ссылку href="#contact" и назначьте разделу назначения точный id="contact".