Атрибут class

Атрибут class, назначает элементу один или нескольким  классов. В значении допускается указывать сразу несколько классов, разделяя их между собой пробелом. Атрибут class позволяет связать элемент с каскадными таблицами стилей и служит для указания классов CSS, к которым он будет принадлежать. Один класс может использоваться со множеством элементов на странице. 

Атрибут class появился в HTML c введением поддержки CSS и поддерживал большинство тегов. С ввода стандарта HTML5, данный атрибут поддерживается всем тегами.

Значения

Для HTML 4.01 имена классов могут содержать:

  • латинские буквы (a-z)(A-Z). 
  • цифры.
  • символы дефиса (-), символ подчеркивания (_).
  • имена классов не должны начинаться с цифры или дефиса, за которым следует цифра.

Для HTML 5.0 все ограничения сняты. Однако, для совместимости со старыми версиями браузеров рекомендуется придерживаться правил для HTML 4.01.  

Значение по умолчанию

нет.

Обязательный атрибут

нет

Синтаксис

class="произвольное_имя_класса"

Спецификация

версия HTML 3.2 HTML 4.01 HTML 5.0 XHTML 1.0 XHTML 1.1
поддержка да да да да да

Поддержка браузерами

браузер IE Chrome Opera Firefox Safari
версия 6.0+ 2.0+ 9.2+ 2.0+ 3.0+
поддержка да да да да да

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Применение атрибута class | develweb.ru</title>
  <style type="text/css">
   .red {
    color: red; <-- красный цвет текста -->
   }
   .green {
    color: green; <-- зеленый цвет текста -->
   }
   .underline {
    text-decoration: underline; <-- подчеркивание -->
   }
   </style>
 </head> 
 <body>
  <p> Текс без назначению класса элементу &lt;p&gt; .</p>
  <p class="red">Назначаем элементу &lt;p&gt; класс red</p>
   <p class="green underline">Назначаем элементу &lt;p&gt; класс green и класс underline</p>
 </body>
</html>
Результат примера.
Пример атрибута class
Рис.1 Результат примера атрибута class.