Содержание
HTML глобальный атрибут: class (класс)
Глобальный атрибут class представляет собой разделенный пробелами список классов элемента, чувствительных к регистру. Классы позволяют CSS и JavaScript выбирать и получать доступ к определенным элементам с помощью селекторов классов или функций, таких как метод DOM .class getElementsByClassName. Для CSS задаёт стилевой класс, который позволяет связать определённый элемент со стилевым оформлением.
Хотя спецификация не предъявляет требований к именам классов, веб-разработчикам рекомендуется использовать имена, описывающие семантическую цель элемента, а не его представление. Например, атрибут для описания атрибута, а не курсива , хотя элемент этого класса может быть представлен курсивом . Семантические имена остаются логичными, даже если представление страницы изменится.
Интерактивный пример
Использование
Примечание
- Для совместимости со старыми браузерами и JavaScript рекомендуется придерживаться данных правил описанных в Значении атрибута.
- Спецификация не предъявляет требований к именам классов, веб-разработчикам рекомендуется использовать имена, описывающие семантическую цель элемента, а не его представление.
Синтаксис
<element class="имя_класса">
В значении допускается указывать сразу несколько классов, разделяя их между собой пробелом.
Значения атрибута
| Значение | Описание |
| имя_класса | Одно или несколько имен классов. Чтобы присвоить несколько классов, необходимо эти имена классов разделять пробелом, например, <span class=«left important»>. Это позволяет одному HTML элементу присвоить несколько CSS классов. Имена классов - должны начинаться с латинской буквы A-Z или a-z - за которой может следовать: латинские буквы содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчёркивания (_) и не должны начинаться с цифры. - использование русских букв в классах недопустимо. - в HTML5 эти ограничения сняты, но для совместимости со старыми браузерами и JavaScript рекомендуется придерживаться данных правил. - в HTML все значения регистронезависимы. |
Доступность
В HTML5 атрибут class можно использовать с любым HTML элементом (все элементы с этим атрибутом будут проходить валидацию. Тем не менее, это не всегда имеет смысл!).
В HTML 4.01 атрибут class нельзя использовать с элементами <base>, <head>, <html>, <meta>, <param>, <script>, <style>, <title>.
Обсуждение