class — это класс, который устанавливает метку.
id — идентификатор установленной метки.
Атрибут class используется для указания того, к какому классу стиля принадлежит элемент.
Например, можно добавить таблицу стилей:
.baobao { цвет: салатовый; фон: #ff80c0 }
Использование: class="baobao"
Атрибут id используется для определения уникального стиля элемента. Например, правило CSS:
#binbin {размер шрифта: больше}
Использование: id="binbin"
Идентификатор — это метка, используемая для различения различных структур и содержимого, как и ваше имя. Если в комнате находятся два человека с одинаковым именем, произойдет путаница;
Класс — это стиль, который можно применить к любой структуре и содержанию, как к предмету одежды;
Концептуально они разные: id сначала находит структуру/содержимое, а затем определяет для него стиль; класс сначала определяет стиль, а затем применяет его к нескольким структурам/содержимому.
Класс используется для определения одного или нескольких элементов на основе критериев, определяемых пользователем. Более подходящей аналогией является сценарий: класс может определять сюжетную линию каждого персонажа в сценарии. Вы можете использовать этот класс через CSS, javascript и т. д. Таким образом, вы можете использовать class="Frodo", class="Gandalf", class="Aragorn" на странице, чтобы различать разные сюжетные линии. Еще одним очень важным моментом является то, что вы можете использовать Class в документе любое количество раз.
Что касается идентификатора, то он обычно используется для определения отметки, которая появляется на странице только один раз. При выполнении структурированного макета макета страницы (например, страница обычно состоит из заголовка, шапки <masthead>, области контента и нижнего колонтитула и т. д.) обычно идеально использовать идентификатор, поскольку идентификатор находится в a Может использоваться в документе только один раз. Эти элементы редко появляются на одной странице более одного раза.
Подводя итог в одном предложении: класс можно использовать неоднократно, но идентификатор можно использовать на странице только один раз. Возможно, что повторное использование одного и того же идентификатора не вызовет проблем в большинстве браузеров, но это определенно неправильное использование в соответствии со стандартом и может вызвать реальные проблемы в некоторых браузерах.
В практических приложениях Class может быть более полезен для макета текста и т. д., тогда как ID более полезен для макета макросов и дизайнерского размещения различных элементов.