Главная -> Статьи о HTML5 -> Использование тега footer

Использование тега footer

В данной статье речь пойдет о тонкостях использования элемента footer в HTML5. Если раньше Вы могли часто увидеть конструкцию вида <div id="footer"> внизу страницы, то с приходом новых технологий там будет раздел <footer></footer>.

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

Внутри элемента footer обычно помещают информацию о том, кто автор статьи, копирайт или полезные ссылки.

Давайте приведем небольшой пример использования данного тега:

<footer>
<p><a href="http://html5blog.ru/">html5blog.ru</a> - все права защищены.</p>
</footer>

Как уже было сказано выше, footer можно использовать и внутри других элементов, например внутри section или article.

<section>
Содержание тега section
<footer>
Содержание тега footer внутри section
</footer>
</section>


<article>
Содержание тега article
<footer>
Содержание тега footer внутри article
</footer>
</article>

Элементов footer на странице может быть сколько угодно.

Если Вы научитесь использовать тег footer правильно, то поможете поисковым роботам легче структурировать Ваши сайты.