ШАГ 1 · ИЗУЧИТЕ Как это работает Используйте уникальный ID для каждого раздела и элемента управления. Семантическая структура должна описывать смысл, а не внешний вид.
<section id="services"><h2>Услуги</h2></section><section id="contact"><h2>Контакты</h2><button id="open-contact" type="button">Открыть форму</button></section>Каждый id определяет ровно один элемент во всём документе. Понятные значения позволяют создавать внутренние ссылки, связывать элементы управления и точно выбирать элементы без неоднозначности.
<section id="content"><h2>Услуги</h2></section><section id="content"><h2>Контакты</h2><button id="content" type="button">Открыть</button></section>Одно значение id повторяется у трёх элементов, поэтому ссылка на «content» не может определить единственную цель.
ШАГ 2 · ПРИМЕНИТЕ Ваше задание Исправьте пример, не меняя его цель. Используйте уникальный ID для каждого раздела и элемента управления.
Код Результат
index.html HTML
Код задания
Безопасный результат изолировано
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти 0% не проверено
○ У обеих section есть ID. ○ У button есть ID и явный тип. ○ Все ID непустые и уникальные.
Проверить задание✓ Показать подсказку
Объясните логику решения+ Добавьте id каждой section и button, затем сравните три значения: ни одно не должно быть пустым или повторяться.