УРОК 104 ИЗ 120

Исправьте: уникальные ID в документе

Используйте уникальный ID для каждого раздела и элемента управления.

Официальный источникWHATWG HTML — idПроверено: 2026-08-26
ШАГ 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 для каждого раздела и элемента управления.

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

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

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

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

0%не проверено
  • У обеих section есть ID.
  • У button есть ID и явный тип.
  • Все ID непустые и уникальные.
Объясните логику решения

Добавьте id каждой section и button, затем сравните три значения: ни одно не должно быть пустым или повторяться.