id: уникальная цель ссылки и связь элементов
Атрибут id задаёт идентификатор элемента, по которому на него ссылаются якоря, подписи и JavaScript.
Назначение
Атрибут id задаёт идентификатор элемента, по которому на него ссылаются якоря, подписи и JavaScript.
Как это работает
Идентификатор должен быть уникальным в документе. Значение чувствительно к регистру. Для произвольных идентификаторов в CSS-селекторах может понадобиться экранирование; простое имя из латинских букв и дефисов удобнее сопровождать.
Пример
<a href="#delivery">Условия доставки</a>
<section id="delivery"><h2>Доставка</h2><p>Срок указан при оформлении.</p></section>Что должно получиться
Ссылка ведёт к разделу delivery. Значение после решётки совпадает с id без самой решётки. Текст ссылки остаётся понятным вне окружающего абзаца.
Граница применения и частая ошибка
Повторение id не создаёт группу. Связь label с полем и переход по фрагменту становятся неоднозначными; для группы оформления используйте class.
Самостоятельная проверка
Добавьте второй раздел с новым id и отдельную ссылку. Проверьте оба перехода, затем найдите идентификаторы поиском в исходном файле: каждый должен встретиться один раз как значение id.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.