⇐ Назад
В главное меню
Продолжить ⇒
Прогресс завершения курса:

Элемент <header>

В HTML4 мы определяли голову документа примерно следующим образом:


<div id="header">

Вместо этого в HTML5 используется простой тег <header>.

Элемент <header> следует помещать внутрь тега <body>.


<!DOCTYPE html>
<html>
<head></head>
<body>
<header>
<h1>Самый громкий заголовок</h1>
<h3>Не столь громкий заголовок</h3>
</header>
</body>
<html>


Обратите внимание: <header> – абсолютно новый элемент, не имеющий ничего общего с тегом <head>.

Элемент <nav>

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

Пример раздела с навигационными ссылками:

<nav>
<ul>
<li><a href="#">Домашняя страница</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">О нашей компании</a></li>
</ul>
</nav>


При этом не обязательно помещать все ссылки в документе внутрь элемента <nav> – он предназначен в основном для больших разделов со ссылками. Обычно ссылки, которые не должны быть в элементе <nav>, добавляются в элемент <footer>.

Элемент <footer>

Обычно самая нижняя секция веб-страницы называется подвалом или футером.


<footer> ... </footer>

В этой паре тегов, как правило, заключается:


⇐ Назад
В главное меню
Продолжить ⇒