Общий HTML атрибут class

Атрибут class определяет один или несколько имен классов для HTML элемента.

В основном атрибут class используется для указания на класс в каскадной таблице стилей. Тем не менее, он также может использоваться скриптами JavaScript для манипулирования (посредством HTML DOM) элементами HTML с заданным классом.

В HTML5 атрибут class можно использовать с любым HTML элементом (все элементы с этим атрибутом будут проходить валидацию. Тем не менее, это не всегда имеет смысл!).

В HTML 4.01 атрибут class нельзя использовать с элементами <base>, <head>, <html>, <meta>, <param>, <script>, <style>, <title>.

Синтаксис атрибута

<element class="имя_класса">

Значения атрибута

ЗначениеОписание
имя_класса

Одно или несколько имен классов. Чтобы присвоить несколько классов, необходимо эти имена классов разделять пробелом, например, <span class="left important">. Это позволяет одному HTML элементу присвоить несколько CSS классов.

Имя класса:

  • должно начинаться с латинской буквы A-Z или a-z
  • за которой может следовать: латинские буквы (A-Za-z), цифры (0-9), дефис ("-") и символ подчеркивания ("_")
  • в HTML все значения регистронезависимы

Пример использования атрибута

Использование атрибута class в HTML документе:


<html>
<head>
   <style>
      h1.intro {
         color: blue;
      }
      p.important {
         color: green;
      }
   </style>
</head>
<body>
   <h1 class="intro">Заголовок 1</h1>
   <p>Параграф.</p>
   <p class="important">Это очень важный параграф. :)</p>
</body>
</html>