HTML Атрибут class

Атрибут class (от англ. "class" ‒ «класс») задает один или несколько классов для элемента.

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

Синтаксис

<[имя тега] class="[имя класса]">

Значения

В HTML4 имена классов могут содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчёркивания (_) и не должны начинаться с цифры. Использование русских букв в классах недопустимо. В HTML5 эти ограничения сняты, но для совместимости со старыми браузерами и JavaScript рекомендуется придерживаться данных правил.

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

Нет.

Применяется к тегам

Атрибут class относится к глобальным атрибутам, и может быть использован практически со всеми элементами HTML.

Пример использования:

Пример HTML:

Попробуй сам

<html>
<head>
<style>
.class_1 {color: blue;}
.class_2 {font-size: 20px;}
</style>
</head>
<body>

<p>Обычный параграф.</p>
<p class="class_1">Параграф с классом: "class_1".</p>
<p class="class_2">Параграф с классом: "class_2".</p>
<p class="class_1 class_2">Параграф с классами: "class_1" и "class_2".</p>

</body>
</html>

Различия между HTML 4.01 и HTML5

В HTML5 атрибут class можно использовать в любом HTML-элементе.

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

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

Спецификация	Статус
Current W3C Draft	Текущий проект
WHATWG HTML Living Standard (WHATWG)	Живой стандарт
HTML5 (W3C)	Рекомендация
HTML 4.01(W3C)	Рекомендация

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


3+	1+	3.5+	1+	1+	1+

Учебник HTML

HTML уроки: HTML Атрибуты

Kwork.ru - услуги фрилансеров от 500 руб.

Справочники

HTML Атрибуты