Руководство по HTML

Полный список HTML-тегов

Атрибут class в HTML

Значение глобального атрибута class - это список имен классов (classes) элементов, разделенных пробелами, который позволяет CSS и Javascript выбирать и доступ к специфическим элементам через классовые селекторы (class selectors) или методы DOM (document.getElementsByClassName).

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

Онлайн пример

Использование атрибута class в документе HTML:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Сайт основного руководства (oldtoolbag.com)</title>
<style>
h1.intro {
　　　　color: blue;
}
p.important {
　　　　color: green;
}
</style>
</head>
<body>
<h1 class="intro">Заголовок 1</h1>
<p>Абзац.</p>
<p class="important">Обратите внимание, что это важный абзац. :)</p>
</body>
</html>

Проверьте, посмотрите ›/‹

Хотя для именования class нет требований, веб-разработчики лучше использовать имена, которые могут выразить семантическую цель элемента, а не описание его внешнего вида (даже если элемент является курсивом, имя класса не должно быть italics). Семантическое именование даже при изменении отображения страницы остается логичным.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают атрибут class

Определение и использование

Атрибут class определяет имя класса элемента.

Атрибут class указывает один или несколько классов на элемент.

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

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

В HTML5 класс атрибут может быть использован для любого HTML элемента (он будет Проверять любые элементы HTML. Но это не всегда полезно).

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

Синтаксис

　　 <element>

Значение属性的

Значение	Описание
classname	Определяет имя класса элемента. Если нужно определить несколько классов для одного элемента, разделяйте имена классов пробелом. <span>. Элементы HTML могут использовать несколько классов. Правила именования: Название должно начинаться с буквы A-Z или a-z Могут быть следующие символы: (A-Za-z), цифры (0-9), дефис ("-"), и подстрочная черта ("_") В HTML классы различаются по регистру

Более примеров

Добавление нескольких классов к элементам
Как добавить несколько классов в элементах HTML.

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

HTML: <template> тег