1.8.11 Идентификаторы и классы

К любому элементу, можно добавить идентификатор или класс. В основном они нужны для связки с CSS или JavaScript.

Чтобы дать элементу идентификатор, нужно задать элементу атрибут id со значением идентификатора. Значение должно начинаться с латинского символа и может содержать в себе буквы латинского алфавита, цифры, символы - и _. Каждый идентификатор на странице уникален и должен встречаться на странице лишь единожды. Назначать один и тот же идентификатор сразу нескольким элементам нельзя. Это будет синтаксической ошибкой. Идентификаторы используются для того, чтобы выделить на странице некий особый элемент, а затем применить к нему какие-либо стилевые свойства или совершить над ним какие-то действия с помощью JavaScript.

Класс элементу задаётся с помощью атрибута class. Его значение также должно начинаться с латинского символа и может содержать в себе буквы латинского алфавита, цифры, символы - и _. Но в отличие от идентификатора, класс можно назначить сразу нескольким элементам. Создают классы для того, чтобы выделить на странице некую группу элементов с одинаковым назначением.

Элементу можно одновременно задать как класс, так и идентификатор.

Пример:

<div id="wrapper" class="red_wrapper"></div>
<span class="username"></span>
<ul id="navigation"></ul>