Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Атрибут class

Справочник: 

Характеристики атрибута

В каких браузерах работает?

6.0+ 1.0+ 4.0+ 1.0+ 1.0+ - -

Для чего используется

Применяет уникальное оформление для определенного элемента или блока. Допускается использование нескольких классов одновременно. В коде они разделяются между собой пробелами.

Как правильно задавать?

Простейший пример использования атрибута выглядит следующим образом:

class="название"

При этом содержать он может символы: 0-9, a-z с использованием "-" и "_".

В каких тегах он может использоваться?

a abbr acronym address
applet area b basefont
bdo bgsound big blockquote
body br button caption
center cite code col
colgroup dd del dfn
dir div dl dt
em embed fieldset font
form frame h1 - h6 hr
i iframe img input
ins isindex kbd label
legend li link map
marquee menu nobr object
ol option p plaintext
pre q s samp
select small span strike
strong sub sup table
tbody td textarea tfoot
th thead tr tt
u ul var wbr
xmp

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

<!DOCTYPE html>
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут class</title>
  <style>
    p { /* Просто текст */
    text-align: left; /* Равняет текст по левому краю */
    }
    p.newClass { /* Парагрф с классом nweClass */
    }
  </style>
 </head>
 <body>
  <p>Использование классов значительно облегчает работу над оформлением сайтов,
точнее без его использования это практически невозможно. Использование
нескольких классов одновременно позволяет облегчить процедуру оформление
практически одинаково оформленных блоков, которые не значительно отличаются
друг от друга.</p>
  <p class="newClass">Для присвоения стилей используются также идентификаторы,
но это уже совсем другой термин.</p>
 </body>
</html>

Тип HTML атрибута: