Примеры
Пример 1
Использование аттрибута class в документе HTML
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph.</p>
</body>
</html>
Результат выполнения кода выше:
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph.</p>
</body>
</html>
Определение и использование
Aтрибут class задает имя класса элемента.
Aтрибут class в основном используется для указания на класс в таблице стилей. Однако, он также может быть использован JavaScript (с помощью HTML DOM) для внесения изменений в элементы HTML с указанным классом.
Советы и заметки
Можно назначить несколько классов для одного элемента HTML, например, . Это позволяет объединить несколько классов CSS для одного элемента HTML.
Примечание
Aтрибут class не может быть использован в следующих элементах base,head,html, meta, param, script, style и title.
Совет
Не начинайте имя класса с числа! Это поддерживается только в Internet Explorer.
Поддержка
W3C: "W3C" указывает, является ли атрибут определен в рекомендациях W3C HTML / XHTML.
Поддержка браузеров
Синтаксис
<element class="value">
Значения атрибутов
| Значение | Описание |
|---|---|
| classname | Задает имя класса элемента. Чтобы указать несколько классов для одного элемента, отделите имена классов пробелами. |
Пример
Добавление нескольких классов для одного элемента<html>
<head>
<style type="text/css">
h1.intro
{
color:blue;
text-align:center;
}
.important {background-color:yellow;}
</style>
</head>
<body>
<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>
</body>
</html>Была ли эта информация полезной?
