Тег <footer>

Тег <footer> (укр. – “підвал”) в HTML є семантичним елементом, який використовується для визначення підвалу веб-сторінки або її секції. Зазвичай він містить додаткову інформацію, таку як контактні дані, посилання на політику конфіденційності, авторські права, навігаційні посилання та інші корисні відомості. Цей тег допомагає зробити структуру сторінки зрозумілішою як для користувачів, так і для пошукових систем.

Атрибути

Специфічні атрибути

Тег <footer> не має специфічних атрибутів.

Глобальні атрибути

Тег <footer> підтримує всі глобальні атрибути HTML, що можуть бути використані для налаштування елементів. Серед них:

• id — унікальний ідентифікатор для елемента. Наприклад:

<footer id="main-footer">
    <!-- Контент підвалу -->
</footer>

• class — клас для застосування стилів через CSS. Наприклад:

<footer class="site-footer">
    <!-- Контент підвалу -->
</footer>

• style — інлайн-стилізація елемента. Наприклад:

<footer style="background-color: #333; color: white;">
    <!-- Контент підвалу -->
</footer>

• title — надає опис елемента, який може бути відображений при наведенні на нього. Наприклад:

<footer title="Контактні дані і додаткові посилання">
    <!-- Контент підвалу -->
</footer>

Приклад використання

<footer>
    <p>&copy; 2024 Моя компанія. Всі права захищено.</p>
    <nav>
        <ul>
            <li><a href="/privacy-policy">Політика конфіденційності</a></li>
            <li><a href="/terms">Умови використання</a></li>
        </ul>
    </nav>
    <p>Зв'язатися з нами: [email protected]</p>
</footer>

Додаткові моменти

• Використання тега <footer> сприяє покращенню доступності та зрозумілості структури сторінки як для користувачів, так і для автоматичних систем, таких як пошукові системи або програми для скрінрідерів.
• Пошукові системи враховують структуру сторінки при визначенні її релевантності. Важлива інформація, що міститься в підвалі, може допомогти покращити видимість сторінки в результатах пошуку.
• Підвал часто використовується для вказівки на зовнішні ресурси, такі як соціальні мережі, які можуть впливати на SEO, якщо правильно налаштовані.
• Тег <footer> допомагає забезпечити кращу доступність веб-сторінки, оскільки надає чітке позначення кінця основного контенту.
• Тег <footer> був введений в HTML5 як частина концепції семантичних тегів для покращення структури документів. До цього часу використовувалися інші теги, такі як <div>, але семантичний підхід дозволив покращити зрозумілість коду.