Атрибут class тега <strong>

Описание

Атрибут class позволяет назначать один или несколько CSS-классов элементу <strong> для стилизации и взаимодействия через JavaScript. Это стандартный способ группировки элементов с общими характеристиками.

Пример использования:
<p> Это <strong class="highlight important">очень важный</strong> текст. </p>

Синтаксис атрибута class:

Формат Пример Описание
Один класс class="highlight" Применение одного класса
Несколько классов class="highlight important" Применение нескольких классов (разделяются пробелом)

Рекомендации:

  • Используйте осмысленные имена классов (например, "error-text" вместо "red")
  • Придерживайтесь единого стиля именования (kebab-case рекомендуем)
  • Разделяйте ответственность классов (один класс - одна задача)
  • Избегайте избыточного количества классов (оптимально 1-3)

Особенности работы:

  • Классы можно динамически добавлять/удалять через JavaScript
  • Один элемент может иметь несколько классов
  • Имена классов чувствительны к регистру
  • Поддерживаются всеми современными браузерами

Ограничения:

  • Глобальная область видимости (возможны конфликты имен)
  • Избыточное количество классов усложняет поддержку
  • Нет встроенной модульности (решается CSS-модулями)

Лучшие практики именования:

<style> /* Хорошие примеры именования */ .article-title { font-size: 1.5rem; } .warning-message { color: #d32f2f; } .text-emphasis { font-weight: bold; } /* Плохие примеры */ .red { color: red; } .bigText { font-size: large; } </style> <article> <h2><strong class="article-title">Заголовок статьи</strong></h2> <p><strong class="warning-message text-emphasis">Внимание!</strong> Важная информация.</p> </article>

Примечание: Для больших проектов рассмотрите использование методологий именования классов (BEM, OOCSS) или CSS-in-JS решений.