Имена классов

В этой статье мы вам напомним об именах классов. Выясним истинное значение классов в HTML и рассмотрим их использование.

Истинное значение Имен Классов в HTML

Так же как и идентификационный номер (id) элемента, названия классов располагаются в атрибутах классов, и используются, чтобы идентифицировать элементы. Их "второе" предназначение — быть более точным селектором таблиц стилей.

Атрибут класса — это часть структуры HTML, так что мнение, что он используется только для стилистических целей, ошибочно. Привычка, использовать имена классов почти исключительно с этой целью, широко распространена среди web-дизайнеров, но говорить, что атрибуты классов нужны только для CSS, было бы примерно тоже, что сказать: имена или идентификационные номера (id) тэгов существуют для того, чтобы использоваться только в таблицах стилей.

Многократное наименование

Атрибуты классов позволяют использовать многократное наименование. В то время, как элемент может иметь только один идентификационный номер (id), вы можете назначить столько названий классов элементу, сколько захотите. Думайте об этом примерно так: у вас есть уникальное имя, но вы также можете быть web-дизайнером, мужчиной, атлетом, студентом, другом и т.д. В то время, как ваше имя — это ваш идентификационный номер (ID), то атрибуты — ваши “названия классов“.
Также, как вы можете принадлежать многим группам людей, элементы HTML могут принадлежать разным “группам классов“.

Семантика

Мы говорили, что классы в HTML — это часть структуры. Также, как вам нужно заботиться о семантическом значении, когда разрабатываете структуру документа, или описываете содержание HTML элементов, вам необходимо заботиться и о семантике имен классов.

Как выбрать правильное название класса для элемента? Помните, что вам нужно идентифицировать элемент, не описывать его сущность. Не думайте о классах, как просто о представляющих инструментах. Давайте используем персонифицированную аналогию еще раз, если бы вы назначили “название класса“ для себя, вы бы не описывали бы себя как “красная рубашка“, потому что на следующий день вы бы захотели надеть голубую рубашку. Итак, HTML элемент не может быть идентифицирован как “красный“, потому что может очень просто поменять цвет.

Использование

Мы говорим, что названия классов используются для идентификации элемента и как селектора таблиц стилей. Есть различные фреймворки, со встроенными наборами функции на JavaScript, использующие названия классов “крюки“ (“hooks“), чтобы вызвать выполнение определенного действия элемента. Просто назначается имя класса какому-нибудь элементу и активируются функциональные возможности.