|
На первый взгляд различия между этими атрибутами нет, так как результат вроде бы не отличается, однако на самом деле отличий много.
Id – это идентификатор какого-либо конкретного HTML-элемента и он должен быть уникальным, т.е. один тег на web-странице. Например, если есть блок вывода баннеров и ему присвоено свойство id="banners", то других элементов со свойством id="banners", на этой странице не должно быть.
Class – всегда указывает на группу элементов и может встречаться на странице не однократно. Например, td.header – все теги td имеют свойство header, или свойство .title может быть присвоено любому тегу: <p class="title ">, <h2 class="title ">, <div class="title "> и т.д.
Несколько примеров использования этих элементов.
Якорные ссылки – используются для быстрого перехода к определенному разделу страницы и ранее оформлялись таким образом: <a name="...">, используя свойство id якорную ссылку можно и нужно оформлять таким образом:
<h3 id="discription">Описание</h3>
это раздел, а ссылка на него выглядит так:
<a href="http://site/path/#discription">Описание</a>
В CSS есть такое понятие как «вес» свойства, которым определяется порядок применения присвоенных элементу атрибутов. Например, определены следующие свойства:
#discription {color: green;}
.important {color: red;}
используем их для выше приведенного примера: <h3 id="discription" class="important">Описание</h3> в результате выполнения кода цвет заголовка будет зеленым, так как id имеет больший «вес» чем class.
В заключение, элемент, свойство которого определено id, легко найти во время исполнения скрипта с помощью функции getElementById(), class такой возможности не имеет.
Хотите застраховать свой автомобиль по ОСАГО? Тогда вам надо произвести расчет осаго онлайн, а потом вы сможете получить бесплатную доставку этого полиса в удобное время. | 