Тег нижнего колонтитула HTML - httpdoc.ru

Тег нижнего колонтитула HTML

<footer> Тег HTML был введен в HTML 5. Он используется для определения нижнего колонтитула для документа или раздела. Он специально используется для определения нижнего колонтитула внизу веб-страницы.

Элемент нижнего колонтитула содержит:

  • Информация об авторских правах
  • Контактная информация
  • Соответствующие документы
  • Вернуться к началу ссылки
  • Карта сайта

Тег нижнего колонтитула HTML

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> HTML Footer Tag </title> 
</head>
<body>

<footer>
  <p>Posted by: Bill Gates</p>
  <p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.</p>
</footer>

</body>
</html>

Выход

HTML 5 Footer Tag Examples

Тег нижнего колонтитула HTML с использованием стиля

В этом примере CSS применяется к тегу нижнего колонтитула. Граница и отступ тега нижнего колонтитула указываются в CSS, который переопределяет свойства по умолчанию.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> HTML Footer Tag with CSS </title> 
 <style>
  footer{  
   border: 1px solid gray;  
   padding:20px;  
  }  
 </style>
</head>

<body>

<footer>  
<p>Posted by: Steve Smith</p> 
<p> 
<address> Sector 64, Noida   
</address>   
</p>  
<p>Contact information:   
<a href="mailto:xyz@gmail.com">xyz@gmail.com</a>.  
</p>  
</footer> 

</body>
</html>

Выход

HTML Footer Tag with CSS

Автор: Стив Смит

Сектор 64, Нойда

Контактная информация: xyz@gmail.com .


Поддержка браузера

Элемент
Microsoft Edge browser.png Край
Chrome browser.png Хром
Firefox browser.png Fire Fox
Opera browser.png Опера
safari browser.png Сафари
<footer>
да
да
да
да
да