HTML таг section

Пример

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

<section class="py-4 bg-light">
  <div class="container">
    <h2 class="h3 mb-3">Новини</h2>
    <p>Тук се показват последните новини от нашия блог.</p>

    <article class="mb-3">
      <h3 class="h5">Първа новина</h3>
      <p>Кратко описание на първата новина.</p>
    </article>

    <article>
      <h3 class="h5">Втора новина</h3>
      <p>Кратко описание на втората новина.</p>
    </article>
  </div>
</section>

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

Елементът <section> представлява тематично самостоятелен раздел от съдържанието на една страница. Обикновено съдържа собствено заглавие (напр. с <h2>, <h3> и т.н.) и групира логически свързана информация – например „За нас“, „Услуги“, „Контакти“, „Новини“, „Често задавани въпроси“.

<section> се използва, когато даден блок има ясно определена тема и може да бъде разглеждан като отделен раздел в структурата на документа. Вътре могат да се съдържат други семантични елементи като <article>, <header>, <footer>, <aside> и др.

Не е препоръчително <section> да се използва само като контейнер за оформление (за това по-подходящ е <div>). Вместо това го използвай, когато разделът има собствено смислово значение и би могъл да бъде описан с кратко заглавие. Това помага за по-добра достъпност (екранни четци) и по-ясна структура на документа.

Browser Support

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

Атрибути