Атрибут HTML class используется для указания одного или нескольких имен классов для элемента. Обычно атрибут class указывает на класс в таблице стилей. Имя класса чувствительно к регистру.
Атрибут class - синтаксис и код
Пример использование атрибута class в HTML-документе:
<!DOCTYPE html>
<html>
<head>
<style>
h4.intro {
color: yellow;
}
p.important {
color: green;
}
</style>
</head>
<body>
<h4 class="intro">Заголовок 4</h4>
<p>Параграф</p>
<p class="important">Обратите внимание, что это важный параграф!</p>
</body>
</html>
Заголовок 4
Параграф
Обратите внимание, что это важный параграф!
Синтаксис
<element class="classname">
Определение и использование
Атрибут class в основном используется для указания класса в таблице стилей. Однако его также может использовать JavaScript (через HTML DOM) для внесения изменений в элементы HTML с указанным классом.
- Атрибут
class определяет одно или несколько имен классов для элемента;
- В HTML5 вы можете использовать атрибут class для любого элемента HTML.
Хотя нет особых требований к имени классов, лучше использовать имена, описывающие семантическую цель элемента, а не его представление. Имя должно начинаться с буквы a-z или A-Z, и за ним могут следовать буквы, цифры (0-9), подчеркивания ("_") и дефисы ("-").
Поддержка class браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Значения атрибутов
| Значение |
Описание |
| classname |
Указывает одно или несколько имен классов для элемента. Чтобы указать несколько классов, разделите имена классов пробелом, например, <span class="left important">. Это позволяет объединить несколько классов CSS для одного элемента HTML.
Правила наименований:
Должно начинаться с буквы A-Z или a-z
Может сопровождаться: буквами (A-Za-z), цифрами (0-9), дефисами ("-") и подчеркиваниями ("_")
|
Связанные страницы
Руководство по HTML: атрибуты HTML
Еще больше примеров - Атрибут class HTML
Полный список всех доступных глобальных атрибутов HTML см. в Справочнике - Глобальные атрибуты HTML.
