Тег <strong>

Тег <strong> (укр. — “сильне виділення”) використовується для семантичного виділення важливих частин тексту. Його призначення — вказати, що певний фрагмент має особливу важливість чи значення в контексті. За замовчуванням браузери відображають текст у тегу <strong> жирним шрифтом (bold), однак головна функція — саме семантична, а не візуальна.

Атрибути

Специфічні атрибути

Тег <strong> не має специфічних (унікальних) атрибутів.

Глобальні атрибути

Як і більшість HTML-елементів, <strong> підтримує всі глобальні атрибути:

  • id — унікальний ідентифікатор елемента. Наприклад:
<p>Будь ласка, <strong id="important">уважно прочитайте</strong> інструкцію.</p>
  • class — задає класи для стилізації через CSS. Наприклад:
<p>Увага: <strong class="highlight">дані конфіденційні</strong>.</p>
  • style — дозволяє додати інлайн-стилі. Наприклад:
<p><strong style="color: red;">Терміново!</strong> Зв'яжіться з підтримкою.</p>
  • title — відображає підказку при наведенні курсору. Наприклад:
<p><strong title="Дуже важлива інформація">Важливо:</strong> збережіть копію документів.</p>
  • lang — вказує мову вмісту елемента. Наприклад:
<p>Будь ласка, <strong lang="en">Important</strong>!</p>

Приклад використання

<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Приклад використання strong</title>
    <style>
        .highlight {
            color: darkorange;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h2>Повідомлення</h2>
    <p>Для безпеки, <strong class="highlight">ніколи не передавайте свої паролі третім особам.</strong></p>
</body>
</html>

Додаткові моменти

  • Основна роль тега — логічне виділення важливого тексту для браузерів, скрінрідерів, SEO та пошукових систем.
  • Не плутати з тегом <b>, який просто задає жирний шрифт без семантики.
  • Тег <strong> часто використовується для акцентування в інструкціях, попередженнях, формах.
  • Підтримується всіма сучасними браузерами.
  • При коректному використанні підвищує доступність і коректно озвучується скрінрідерами (наприклад: «важливо» або з відповідною інтонацією).