class

Глобальний атрибут class (клас) – це список класів елемента, розділених пробілами ASCII.

Спробуйте його в дії

Опис

Класи дають CSS і JavaScript змогу вибирати та звертатися до конкретних елементів за допомогою селекторів типу або функцій штибу document.getElementsByClassName().

Хоч специфікація не встановлює обмежень на імена класів, веброзробників заохочують використовувати імена, що описують семантичне призначення елементів, а не їх подання. Наприклад, attribute – для опису атрибута, а не italics, хоч елемент із таким класом і може бути поданий курсивом (англ. "italics"). Семантичні імена залишаються логічними навіть тоді, коли вигляд сторінки змінюється.

Синтаксис

Атрибут class – це список значень класів, розділених пробілами ASCII.

Кожне значення класу може містити будь-які символи Unicode (окрім, звісно, пробілу ASCII). Проте для вживання в селекторах CSS, як через JavaScript за допомогою API штибу Document.querySelector(), так і в списках стилів CSS, значення атрибута class мусять бути валідними ідентифікаторами CSS. Це означає, що якщо значення атрибута class не є валідним ідентифікатором CSS (наприклад, my?class або 1234), то його необхідно екранувати перед вживанням у селекторі або за допомогою методу CSS.escape(), або вручну.

У зв'язку з цим рекомендується, щоб для атрибутів class розробники обирали значення, які є валідними ідентифікаторами CSS, що не потребують екранування.

Специфікації

Сумісність із браузерами

Дивіться також

• Усі глобальні атрибути.
• element.className
• element.classList
• Знайомство із CSS