Тег <footer>

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
9.0+8.0+9.2+5.0+4.0+2.1+3.0+

Специфікація

HTML:3.24.015.0XHTML:1.01.1

Опис

Тег <footer> визначає "підвал" сайту або розділу, в якому може бути ім'я автора, дата документа, контактна та правова інформація.

Синтаксис

<footer>
</footer>

Атрибути

Немає.

Закривальний тег

Обов'язковий.

Приклад

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>підвал</title>
 </head> 
 <body>
  <header>
    <h1>Персональний сайт Крістіни Вітрової</h1>
  </header>
  <article>
    <h2>Ласкаво просимо!</h2>
    <p>Рада вас вітати на своєму сайті.</p>
  </article>
  <footer>
    Copyright Крістіна Вітрова
  </footer>
 </body> 
</html>

Результат цього прикладу показано на рис. 1.

Браузери

Internet Explorer до версії 8.0 включно ігнорує тег <footer>, але відображає його вміст. Також у цьому браузері будь-які стилі не застосовуються до селектора FOOTER.

Firefox повністю підтримує цей тег, починаючи з версії 4.0, але версії 3.0 і старші також правильно відображають вміст тегу.

Часті запитання

  • Q: Як використовувати тег <footer> в HTML?

    A: Тег <footer> використовується для визначення підвалу веб-сторінки. Він зазвичай містить інформацію про авторства, посилання на контакти, авторські права тощо.

  • Q: Для чого потрібно використовувати тег <footer>?

    A: Тег <footer> допомагає створити структуру веб-сторінки, відокремлюючи підвал від інших частин сторінки. Він також полегшує доступність та індексацію контенту пошуковими системами.

  • Q: Які елементи можна розміщувати всередині тегу <footer>?

    A: В тег <footer> можна розміщувати різноманітний контент, такий як текст, посилання, зображення, відео, форми для зворотного зв'язку тощо.

  • Q: Чи обов'язково використовувати тег <footer> на кожній веб-сторінці?

    A: Використання тегу <footer> на кожній веб-сторінці є рекомендацією доброї практики, але не є обов'язковим. Це залежить від структури та потреб конкретної сторінки.

  • Q: Як можна стилізувати тег <footer> за допомогою CSS?

    A: Тег <footer> можна стилізувати за допомогою CSS, використовуючи класи, ідентифікатори або селектори тегів. Для цього можна задавати властивості, такі як колір фону, шрифт, відступи тощо.