Разница между классами и идентификаторами

Пока что мы использовали классы и идентификаторы так, что у вас могло создаться ощущение их взаимозаменяемости - ведь мы применяли их для идентификации тегов в коде. Однако идентификатор является более мощным средством, чем класс, как в шахматах ферзь является более мощной фигурой, чем пешка. В одной странице может быть только один уникальный идентификатор (допустим, id= "mainmenu"), тогда как одинаковых классов (например, class = "strongparagraph") может быть сколько угодно.

Таким образом, если требуется идентифицировать уникальный элемент кода, например главное меню навигации, к которому требуется применить отдельный набор стилей, исползуйте идентификатор. Для идентификации нескольких элементов и применения к ним одного стиля применяйте класс.

Идентификаторы также можно использовать для прикрепления JavaScript к нужному тегу (например, для активации анимации DHTML при наведении указателя мыши на ссылку). Атрибут id пришел на смену устаревшему атрибуту name, использовавшемуся для этих целей ранее. Стоит отметить, что при использовании JavaScript особенно важно следить, чтобы связанные с ним идентификаторы указывались в коде страницы только один раз, иначе JavaScript может вести себя очень непредсказуемо.

Поясним, что на странице можно использовать несколько атрибутов id, но при условии, что они будут иметь разные значения, тогда как один класс можно применить к любому числу тегов. Давайте теперь взглянем на другие селекторы, которые являются не менее мощными средствами, чем контекстные классы и идентификаторы, хотя вы и не будете использовать их так часто.