HTML5 | <footer> Тег

Опубликовано: 1 Марта, 2022

Тег <footer> в HTML используется для определения нижнего колонтитула HTML-документа. В этом разделе содержится информация о нижнем колонтитуле (информация об авторе, информация об авторских правах, носителях и т. Д.). Тег нижнего колонтитула используется в теге тела. Тег <footer> появился впервые в HTML5. Для элементов нижнего колонтитула требуется как начальный, так и конечный теги.

Синтаксис:

 <footer> ... </footer>

Элемент нижнего колонтитула обычно содержит информацию об авторстве, информацию об авторских правах, контактную информацию, карту сайта, ссылки возврата к началу страницы, связанные документы и т. Д.

Примеры ниже иллюстрируют тег <footer> в элементах HTML:

Пример:

Выход:

Example 2:

<!DOCTYPE html>
<html>
    <head>
        <title>footer tag</title>
        <style>
            .column {
                float: left;
                width: 27%;
               height: 300px; 
            }
            p {
                font-size:20px;
                font-weight:bold;
            }
        </style>
    </head>
    <body>
        <footer>
            <div class="column">
                <p>Company</p>
                <ul style="list-style-type:disc">
                    <li>About Us</li>
                    <li>Careers</li>
                    <li>Privacy Policy</li>
                    <li>Contact Us</li>
                </ul>
            </div>
                
            <div class="column">
                <p>Learn</p>
                <ul>
                    <li>Algorithms</li>
                    <li>Data Structures</li>
                    <li>Languages</li>
                    <li>CS Subjects</li>
                    <li>Video Tutorials</li>
                </ul>
            </div>
                 
            <div class="column">
                <p>Practice</p>
                <ul>
                    <li>Company-wise</li>
                    <li>Topic-wise</li>
                    <li>Contests</li>
                    <li>Subjective Questions</li>
                </ul>
            </div>
        </footer>
    </body>
</html>

Выход:

Поддержка браузера: тег нижнего колонтитула является новым в HTML5 и поддерживается в браузерах, перечисленных ниже:

  • Google Chrome 6.0
  • Internet Explorer 9.0
  • Firefox 4.0
  • Opera 11.1
  • Safari 5.0

РЕКОМЕНДУЕМЫЕ СТАТЬИ

1 Марта, 2022
1 Марта, 2022
1 Марта, 2022
1 Марта, 2022
1 Марта, 2022
1 Марта, 2022