Тег <strong>

Описание

Тег <strong> придаёт тексту сильную семантическую важность. Визуально обычно отображается жирным начертанием, но главная его функция — смысловое выделение ключевых фрагментов контента.

Базовый синтаксис:
<p>Перед началом <strong>обязательно</strong> прочтите инструкцию.</p>

Ключевые особенности:

  • Семантический тег для обозначения важности (не только визуальное выделение)
  • По умолчанию отображается жирным начертанием (bold)
  • Может влиять на SEO (поисковики учитывают семантическое выделение)
  • Важен для доступности (скринридеры изменяют интонацию)
  • Допускает вложение других inline-элементов
Примеры использования:
<!-- Важное предупреждение --> <p><strong>Внимание!</strong> Не оставляйте устройство под дождём.</p> <!-- Ключевой момент в инструкции --> <ol> <li>Подключите кабель</li> <li><strong>Дождитесь зелёного индикатора</strong></li> <li>Нажмите кнопку питания</li> </ol> <!-- Важные условия договора --> <div class="contract"> <p>Клиент <strong>обязуется</strong> оплатить услуги в течение 5 дней.</p> </div> <!-- Вложенные элементы --> <p> <strong><a href="#details">Важно:</a></strong> подробности ниже. </p>

Рекомендации по использованию:

  • Используйте для смыслового выделения, а не просто для жирного текста
  • Не заменяйте теги заголовков (<h1>-<h6>)
  • Избегайте избыточного выделения (не более 10-15% текста)
  • Для чисто визуального выделения используйте CSS или <b>
  • Сочетайте с другими семантическими тегами (<em>, <mark>)
Сравнение с тегом <b>:
<p> <b>Визуально жирный текст</b> без семантической важности. <strong>Ключевая информация</strong> с семантическим значением. </p>

Тег <strong> является важным инструментом семантической разметки, помогая выделять ключевые моменты контента для всех пользователей, включая посетителей с ограниченными возможностями.

Атрибуты

class CSS-классы для стилизации
contenteditable Разрешает редактирование
data-* Пользовательские данные
dir Направление текста
hidden Скрывает элемент
id Уникальный идентификатор
lang Язык содержимого
spellcheck Проверка орфографии
style Инлайновые стили
title Всплывающая подсказка
translate Определяет возможность перевода
align Горизонтальное выравнивание
color Цвет текста

Поддержка браузерами
3.0 1.0 4.0 1.0 1.0