Skip to main content
Практика завдань

Різниця між тегами strong та b в HTML

Обидва теги візуально роблять текст жирним, але вони мають різні цілі та семантичне значення.


— просто візуальне підкреслення

  • Робить текст жирним без семантичного навантаження.
  • Використовується тільки для стилізації.
html
<p>This is an <b>important</b> point in design.</p>
  • Не повідомляє браузеру або екранним читалкам, що текст є важливим.
  • Не впливає на SEO.

— семантичне підкреслення важливості

  • Робить текст жирним і вказує на те, що це важлива інформація.
  • Семантичний тег — екранні читалки оголошують його з підкресленням.
html
<p>This is <strong>important</strong> information!</p>
  • Покращує доступність (a11y).
  • Може впливати на SEO, оскільки пошукові системи враховують важливість тексту.

Порада:

Якщо ви просто хочете жирний текст — використовуйте CSS (font-weight: bold;). Якщо текст має семантичну важливість — використовуйте <strong>.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Дочитали статтю?
Практика завдань