HTML глобальный атрибут class

Определение и применение

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

Чтобы указать несколько имён классов для одного элемента, необходимо перечислить имена классов по порядку, разделяя между собой пробелом.

Некоторые правила наименования классов:

используйте только буквы алфавита(A-Z, a-z), числа, дефисы, знаки подчеркивания.
название после точки всегда должно начинаться с символа (неправильно: .50cent, .-vottakvot).
учитывайте регистр при наименовании стилевых классов, т.к. они к этому чувствительны и очень ранимы (.vottakvot и .VotTakVot разные классы).

Поддержка браузерами и значения атрибута

Значение	Chrome	Firefox	Opera	Safari	IExplorer	Edge
classname	Да	Да	Да	Да	Да	Да

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

<!DOCTYPE html>
<html>
<head>
	<title>Глобальный атрибут class</title>
<style> 
h1.main {
text-align:center; /* горизонтальное выравнивание текста по центру */
color:red; /* задаем цвет текста*/
}
p.index {
color:blue; /* задаем цвет текста*/
}
</style>
</head>
<body>
	<h1 class = "main">Заголовок первого уровня.</h1>
	<p class = "index">Параграф с присвоенным классом.</p>
	<p>Параграф без присвоенного класса.</p>
</body>
</html>

Результат примера:

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

Отличия HTML 4.01 от HTML 5

В HTML5, атрибут class может быть использован к любому элементу HTML (пройдёт валидацию), но в некоторых случаях в этом нет необходимости.

В HTML 4.01, атрибут class не может быть применён к следующим элементам:

Глобальные атрибуты