Преимущества использования класса вместо идентификатора

Question

Почему бы вам использовать «DIV класс» вместо «сНу ид»

Обычно, когда я называю DIV я использую «идентификатор», чтобы дать имя элемента и с заданными параметрами , Я действительно использую только «класс», чтобы придать ему особые характеристики. Для моего примера.

Однако у меня есть профессор, который будет «класс», чтобы идентифицировать все его div. Например, пример.

Может кто-нибудь объяснить преимущество чего-то типа «div-class» вместо «div id».

Answer 1

<div class="some_class"> 

    <p>This can be used any number of times on one HTML page</p> 

</div> 

<div id="some_id"> 

    <p>This CAN be used multiple times with the same ID, 
     but it is invalid code, as a specific ID should 
     only be used ONCE per html page</p> 

</div> 

Вот старше и все же хорошо explanation.

Answer 2

ID уникален для страницы, поэтому лучше для идентификации. Класс не уникален и, как предполагается, должен группировать подобные вещи стиля вместе.

В противном случае, если вам нужно применить что-то к этому конкретному div, вы должны называть его идентификатором, потому что он будет иметь приоритет над другими стилями CSS, которые могут повлиять на него. Классы позволят вам установить некоторые общие точки в вашем стиле, чтобы вы могли использовать похожие шрифты или размеры в разных элементах.

Answer 3

Если вы используете Javascript, существует большое преимущество использования имен классов для идентификации элементов, а не идентификаторов.

Предоставление идентификатора элементу также создает глобальную переменную javascript с тем же именем. Дополнительную информацию об этом поведении см. В разделе Do DOM tree elements with ids become global variables?.

Наличие таких неявно созданных переменных в лучшем случае запутывает, а в худшем случае затрудняет поиск ошибок.