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

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

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

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


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


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

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

ЗначениеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
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.
Пример использования глобального атрибута class.

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

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

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

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