Справочник HTML & CSS

id

Уникальный идентификатор элемента на странице.

Синтаксис

<section id="contacts">…</section>

Примеры

Ссылка-якорь на раздел страницы:

<p><a href="#contacts">Jump to contacts</a></p>
<p style="height: 120px;">Long text…</p>
<h2 id="contacts">Contacts</h2>
<p>hello@example.com</p>

Связь подписи и поля:

<label for="phone">Phone</label>
<input id="phone" type="tel">

Примечания

Значение id не должно повторяться на странице и не должно содержать пробелов. Он нужен для якорей, связи <label> с полем, ARIA-атрибутов и JavaScript. Для оформления удобнее классы: селектор #id слишком сильный, и его трудно перебить.

См. также

class — Один или несколько классов элемента — основной способ обратиться к нему из CSS.
<label> — Подпись к полю формы.
<a> — Ссылка на другую страницу, файл или место на странице.

Вопросы и ответы по теме

В учебнике

Атрибуты — Как устроены атрибуты HTML, глобальные атрибуты id, class, title, lang, hidden и style, логические атрибуты и data-атрибуты.

Спасибо, что читаете!

id