# Атрибут id

Атрибут `id` задает уникальный идентификатор для тега, чтобы к нему можно было обратиться через CSS.

Существует также атрибут `class`, который подобно атрибуту `id` позволяет выбирать элементы на HTML странице.

Разница между атрибутом `class` и атрибутом `id` в том, что class выбирает группу элементов (даже если он дан одному элементу - его в последствии можно дать и другому), а `id` выбирает уникальный элемент (больше элемента с таким id не должно быть на странице сайта, иначе будет конфликт).

Как понять, что давать элементу - класс или id? Класс дается тем элементам, которые повторяются на страницах сайта (чтобы по несколько раз не писать один и тот же CSS код). Даже если у вас сейчас данный элемент один, но вы чувствуете, что похожие элементы могут появится в дальнейшем - давайте этому элементу класс. Если же вы уверены, что такой элемент уникальный - то давайте ему id. Хотя в настоящее время есть тенденция к тому, чтобы всем элементам давать класс, а id оставить для JavaScript, но она не является общепринятой.

Названия id должны быть набраны английскими буквами, цифрами, без пробелов. Значение атрибута id не должно начинаться с цифры (в HTML5 уже можно, но не будет работать в старых браузерах).

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

## Пример

Давайте теперь зададим абзацу, у которого задан атрибут с id в значении `elem`, красный цвет текста:

`<p id="elem">Абзац с id elem.</p> <p>Контрольный абзац без id.</p>` `#elem { color: red; }`

:

←→
↑