Когда следует использовать id, а когда класс в HTML?

class используется для группировки элементов с общими стилями или поведением.

Короткий ответ

Что ответить на собеседовании

class используется для группировки элементов с общими стилями или поведением. Множество элементов могут иметь один и тот же класс. Это основной способ применения CSS-стилей. Один и тот же элемент может иметь несколько классов, разделенных пробелом.

Подробный разбор

Ответ с пояснениями

id используется для уникального идентификатора элемента на странице. В документе id с одинаковым значением может быть только один. Он часто используется для связывания меток с полями ввода (<label for="...">) или для якорей (<a href="#...">). Также может пригодиться для быстрого доступа к элементу через JavaScript (document.getElementById(...)).

class используется для группировки элементов с общими стилями или поведением. Множество элементов могут иметь один и тот же класс. Это основной способ применения CSS-стилей. Один и тот же элемент может иметь несколько классов, разделенных пробелом.

Применение Идентификатор (id) Класс (class)
Уникальность Строго уникален на странице Может повторяться
Количество на элементе Один Может быть несколько
Основное использование Уникальная ссылка, якорь, JavaScript-доступ Группировка для стилей и JS
CSS-селектор # .

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее