HTML таг `footer`

Пример

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

<footer class="bg-dark text-white py-4 mt-5">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-6 mb-3 mb-md-0">
        <p class="mb-1">&copy; 2025 MyWebsite. Всички права запазени.</p>
        <small class="text-secondary">Създадено с Bootstrap 5.3</small>
      </div>
      <div class="col-md-6 text-md-end">
        <a href="#about" class="link-light me-3">За нас</a>
        <a href="#contact" class="link-light me-3">Контакт</a>
        <a href="#privacy" class="link-light">Политика за поверителност</a>
      </div>
    </div>
  </div>
</footer>

Опитай в редактора

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

Виж как се ползва тагът <footer>.

<footer> е семантичен HTML елемент, който обозначава долната част (футъра) на страница или на отделна секция/статия. Обикновено съдържа информация за авторски права, навигационни линкове, контакти, автор на съдържанието, свързани документи или правна информация.

Елементът може да се използва както като глобален футър на цялата страница (обикновено в края на <body>), така и като футър вътре в други секционни елементи като <article>, <section>, <aside> или <main>. Във всеки от тези случаи <footer> описва „долната част“ на съответния контейнер.

Типично съдържание във футър включва:

Текст за авторски права (напр. © 2025 Company Name);
Вторична или помощна навигация (линкове към „За нас“, „Контакт“, „Условия за ползване“ и др.);
Информация за автора на статия или дата на публикуване/актуализация;
Контактни данни, социални мрежи, малко лого или кратък слоган;
Правни и административни бележки (GDPR, политика за поверителност и др.).

От гледна точка на достъпност и SEO, <footer> помага на търсачките и помощните технологии (екранни четци) да разберат структурата на страницата и да разграничат основното съдържание от допълнителната информация в края.

<footer> няма собствени специфични атрибути и се стилизира чрез CSS класове (например от Bootstrap 5.3: .bg-dark, .text-white, .py-4, .container и др.). В един HTML документ може да има повече от един <footer>, стига всеки да е свързан логически със своя контейнер.

Browser Support

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

Атрибути

Този елемент няма специфични атрибути.

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг footer