HTML таг h3

Пример

Кратък пример как се използва тагът <h3>.

<section class="container my-4">
  <h2 class="h3 mb-3">Новини от блога</h2>

  <article class="mb-4">
    <h3 class="h5">Как да започнем с HTML</h3>
    <p>В тази статия ще разгледаме основните HTML тагове и тяхното предназначение.</p>
  </article>

  <article class="mb-4">
    <h3 class="h5">Структуриране на съдържание с заглавия</h3>
    <p>Научете как да използвате <code>&lt;h1&gt;</code> до <code>&lt;h6&gt;</code> за по-добра четимост и SEO.</p>
  </article>
</section>

Дефиниция и употреба

Тагът <h3> дефинира заглавие от трето ниво в HTML документа. Той се използва за подзаглавия, които са подчинени на <h2>, но по-важни от <h4>. Заглавията от <h1> до <h6> изграждат йерархията на съдържанието и помагат както на потребителите, така и на търсачките да разберат структурата на страницата.

Обичайна практика е да има само едно основно заглавие <h1> на страница, следвано от секции с <h2>, а в рамките на тези секции да се използва <h3> за по-дребни подзаглавия. Това подобрява достъпността (screen reader-и могат по-лесно да навигират) и SEO (по-ясна логическа структура).

Елементът <h3> е блоково ниво (block-level) и по подразбиране браузърите го визуализират с по-голям и удебелен шрифт. Въпреки това, визуалният стил може да бъде напълно променен чрез CSS или чрез помощните класове на Bootstrap (например .h3, .fw-bold, .text-primary и др.).

Семантичното използване на <h3> е важно: не го използвайте само заради големината на шрифта. Ако ви трябва по-голям текст без семантично значение на заглавие, използвайте обикновен текстов елемент (например <p> или <span>) и го стилизирайте с CSS.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути