Загальй html атрибут class

Атрибут class задає стильовий клас, який дозволяє зв'язати певний тег зі стильовим оформленням.

Атрибут class, в основному, використовується для вказівки на клас в каскадній таблиці стилів (CSS). Тим не менш, він також може бути використаний в JavaScript (через HTML DOM), щоб внести зміни в HTML елемент з зазначеним класом.

Нотатка:

При вказівці імені класу враховується регістр символів. Відтак «classname» і «ClassName» два різних ідентифікатора.

Нотатка:

Атрибут class дозволяє одночасно задавати кілька імен класу, розділяючи їх знаком пригалини. Це дозволяє застосувати кілька CSS класів для одного HTML елемента.

Синтакс

<element class="classname">

Атрибут class може отримувати єдине значення :

classname

Задає один або кілька імен класів для елемента.

Правила іменування:

  • Назва класу повинна починатися з літери A-Z або a-z
  • Назва класу може містити: літери (A-Z, a-Z), цифри (0-9), дефісів ("-") та підкреслення ("_")
  • В HTML, всі значення чутливі до регістру

Переглядачі

Переглядач

1.0+

1.0+

1.0+

3.5+

4.0+


Мобільних переглядачів ще не додано.

Приклади


Простий приклад, що демонструє як використовувати загальний атрибут class.

<!DOCTYPE html>
<html>
<head>
<style>
.blue {
    color: blue;
}
span.green {
    color: green;
}
</style>
</head>
<body>

    <p class="blue">Синій текст.</p>
    <p><span>Зелений текст.</span></p>

</body>
</html>	

Різниця між HTML 4.01 та HTML5


У HTML5, атрибут class може бути використаний на будь-якому HTML елементі (Тим не менш, це не завжди корисно).

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

Різниця між XHTML та HTML


Немає жодної різниці.

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів