Различия атрибутов ID и CLASS
Часто начинающие разработчики не обращают особого внимания на то, какую роль выполняют атрибуты ID и CLASS и не совсем корректно их употребляют при строительстве web-страничек, не понимая между ними разницы. В частности это касается описания стилей. Давайте попробуем разобраться как будет правильно использовать эти атрибуты и подробно рассмотрим их различия для того, чтобы повысить нашу грамоту web-ремесла. А начнем мы с самого важного, с определений.
Id – это уникальный определитель объекта(его уникальное имя).
<div id=”name_id”>Составляющий блок</div>
Итак, что собой представляет атрибут Id? Id - это уникальный идентификатор объекта который именует объект оригинальным названием(обзывает его, ставит клеймо). Он может быть только один(!) на страницу (в отличии от атрибута CLASS).
В стилях запись для этого элемента будет выглядеть таким образом (используется значек диез/параграф #):
#name_id {
font: 10px Verdana bold;
}
Теперь обратим внимание на определение атрибута Class.
Class – это идентификатор стиля(указатель на принадлежность элемента к некоему описанному стилю) объекта, или группы из нескольких объектов на нашей странице.
<div class=”name_class”>Составляющий блок</div>
Этот атрибут следует использовать применительно для повторяющихся конструкций. В стилях запись для этого элемента будет выглядеть таким образом (здесь используется точка):
.test {
font: 10px Verdana bold;
}
Теперь, когда мы узнали определения каждого из атрибутов перейдем к подробному рассмотрению их использования. Не всегда можно сразу понять отличия этих двух казалось бы вполне заменяемых атрибутов. Но все же важно запомнить, что Id – это уникальный определитель объекта, который также является и названием объекта. Это делается, например, для того, чтобы этот объект можно было обрабатывать скриптами. Для атрибута id существует функция .getElementById(), которая несет в себе ссылку на этот объект. Если Вы хотите обрабатывать определенный объект скриптом используйте Id.
Используйте CLASS если Вам нужно использовать одно стилевое свойство в нескольких сразу местах web-странички. В отличие от ID в атрибуте CLASS можно прописывать сразу несколько стилей, перечисляя их с разделителем - пробелом. Если в стилях есть атрибут ID и CLASS с одинаковым названием - использоваться будет ID, так как он несет в себе более важную роль.
<div class=”name_class name_class2”>Составляющий блок</div>
Вот и все основные главные отличия атрибута ID от CLASS. Старайтесь используйте их с умом и к месту.
Рекомендуем почитать
