Атрибут id

id задає унікальний ідентифікатор елемента в межах усього документа — для CSS, JavaScript, посилань-якорів (#id) та label.

Applies to

global

Values

Будь-який рядок без пробілів (сучасна специфікація дозволяє майже будь-які символи, окрім пробілів).

Example

<h2 id="pricing">Тарифи</h2>
<a href="#pricing">До тарифів</a>

Edge cases

id має бути унікальним на всій сторінці — дублікати порушують поведінку #якорів, label for та querySelector('#...').
id, що починається з цифри, технічно валідний у HTML5, але може створювати проблеми в CSS-селекторах без екранування.

Accessibility

id — основа для label for, aria-labelledby, aria-describedby.

Схожі інструменти

Тег <label>

Атрибут for тегу <label> для зв'язку підпису з input.

Атрибут class

Глобальний атрибут class для стилізації через CSS та вибірки через querySelector.