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

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

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

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

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

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

Читайте подробнее про селекторы CSS, в том числе и про то, как работать с id в CSS.

Примеры

Пример

В данном примере абзацам с id test задан красный цвет текста:

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

Результат выполнения кода:

Абзац с id test.

Контрольный абзац без id.