Что такое подвал в html
Перейти к содержимому

Что такое подвал в html

  • автор:

footer

Персональный сайт Кристины Ветровой

Добро пожаловать!

Рада приветствовать вас на своем сайте.

Copyright Кристина Ветрова

Подвал сайта

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

9 12 5 11.1 5 4
4.4 4 11.1 4.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

HTML :: Тег

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

Синтаксис

 
.
Закрывающий тег: обязателен.

HTML тег

Тег выделяет нижний колонтитул (“подвал”) веб-сайта или раздела. Как правило, в нем размещается информация об авторских правах, контактные данные, ссылки для навигации и т.д.

В пределах одной страницы можно разместить несколько тегов . К примеру, можно разместить нижний колонтитул внутри тега для хранения относящейся к статье информации (ссылки, сноски, и т.д.).

В нем могут содержаться другие HTML элементы, кроме тегов и .

Тег недавно вошел в спецификацию HTML 5, он поддерживается всеми браузерами.

Если в нижнем колонтитуле содержится контактная информация, то ее необходимо размещать в теге .

Синтаксис

Содержимое тега пишется между открывающим (

) и закрывающим (

) тегами.

Пример

html> html> head> title>Заголовок документа title> style> .header < height: 40px; padding: 20px 20px 0; background: #e1e1e1; > .main-content < height: 60vh; padding: 20px; > footer < padding: 10px 20px; background: #666; color: white; > a < color: #00aaff; > style> head> body> div class="header">Заголовок / Меню div> div class="main-content"> h1>Основной контент h1> p>Это какой-то параграф. p> div> footer> p>Компания © W3docs. Все права защищены. p> footer> body> html>

Результат

footerexample1

Атрибуты

Как добавить стиль к тегу ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега :

  • CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
  • CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
  • CSS свойство font-size задает размер щрифта.
  • CSS свойство font-weight устанавливает насыщенность шрифта.
  • CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
  • CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Цвет текста внутри тега :

  • CSS свойство color определяет цвет контента и оформления текста.
  • CSS свойство background-color устанавливает фоновый цвет элемента.

Стили форматирования текста для тега :

  • CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
  • CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
  • CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
  • CSS свойство word-break указывает перенос строки.

Другие свойства для тега :

  • CSS свойство text-shadow добавляет тень к тексту.
  • CSS свойство text-align-last выравнивает последнюю строку текста.
  • CSS свойство line-height устанавливает межстрочный интервал.
  • CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
  • CSS свойство word-spacing устанавливает расстояние между словами в тексте.

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

Как сделать подвал в html

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

Пример кода для создания простого подвала:

     Контактная информация: phone@mail.ru Авторские права © 2023   

В данном примере тег содержит два абзаца с контактной информацией и информацией об авторских правах. Оформление подвала может быть изменено с помощью CSS, добавив соответствующие стили.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *