Що таке футер (footer) сайту
Футер (від англійського footer — «нижній колонтитул») — це нижня частина вебсторінки, яка зазвичай однакова на всіх сторінках сайту. У ньому розміщують контакти, копірайт, посилання на правила, політику конфіденційності й основні розділи. У розмовній мові футер ще називають «підвалом» сайту.
Протилежність футера — хедер (header), тобто шапка сайту з логотипом і меню. Разом вони створюють рамку, всередині якої змінюється основний вміст сторінок.
Як це працює
У мові розмітки HTML для футера є окремий елемент <footer>. За документацією MDN, він позначає нижню частину найближчого розділу або всієї сторінки, якщо розміщений безпосередньо в тілі документа, і зазвичай містить відомості про автора, дані про авторські права й посилання на пов'язані документи. Контактні дані автора рекомендують поміщати в елемент <address> усередині футера.
Футер може мати не лише сторінка, а й окрема стаття чи картка товару. Браузер не виділяє його якось особливо — вигляд задають стилі CSS, а сам елемент допомагає пошуковим системам і програмам читання з екрана зрозуміти структуру сторінки.
Слово «футер» вживають і щодо документів: у текстових редакторах це нижній колонтитул — повторюваний рядок унизу кожної сторінки з номером, назвою чи датою.
Що розмістити у футері
Відвідувачі за звичкою прокручують донизу, коли шукають контакти, умови доставки чи юридичну інформацію. Тому у футері доречні назва компанії та копірайт, телефон, адреса й пошта, посилання на політику конфіденційності, умови використання, оферту, сторінку «Про нас», а також іконки соцмереж і форма підписки.
Не перевантажуйте футер: десятки однакових посилань ускладнюють навігацію, а дрібний сірий текст на сірому тлі важко читати. На смартфонах зручно групувати посилання в блоки, що розгортаються. Перевіряйте, чи працюють усі посилання у футері: він є на кожній сторінці, тож одна помилка повторюється сотні разів.
Часті питання
- Футер це що?
- Це нижній блок сайту, що повторюється на всіх сторінках: контакти, копірайт, корисні посилання. Інакше його називають «підвалом» сайту.
- Чим футер відрізняється від хедера?
- Хедер — верхня частина сторінки з логотипом, меню й пошуком, футер — нижня, з довідковою інформацією. В HTML для них є окремі елементи <header> і <footer>.
- Що таке footer у Word?
- Це нижній колонтитул — область унизу кожної сторінки документа, куди додають номер сторінки, назву документа чи дату. Його вміст автоматично повторюється на всіх сторінках.
- Чи обов'язковий футер на сайті?
- Технічно ні, але без нього відвідувачам складніше знайти контакти й правила. Для інтернет-магазину доступ до умов, політики конфіденційності й контактів продавця — ще й питання довіри.
- Як зробити футер в HTML?
- Додайте елемент <footer> у кінці тіла сторінки й помістіть усередину потрібні посилання та текст, а оформлення задайте в CSS. Щоб футер залишався внизу екрана навіть на коротких сторінках, використовують розкладку flexbox або grid.
Джерела: MDN Web Docs — <footer>: The Footer element.