</> Praktum

Главная / HTML / Шапка и подвал

Урок 20 · HTML

Что стоит сверху страницы и чем она заканчивается

Шапка говорит, где мы находимся. Подвал закрывает страницу: автор, год, короткие ссылки.

Почему это следующий шаг

Меню уже есть. Ему нужно постоянное место, общее для будущих страниц.

Как сделать

В header — название проекта и nav. Название может быть ссылкой на главную. В footer — год и одна-две ссылки, а не второе большое меню на десять экранов. Не клади основной текст урока в шапку. Не дублируй h1 и в шапке, и в статье: у страницы один главный заголовок, название сайта может быть просто абзацем или ссылкой.

<header>
  <a href="/">Практикум</a>
  <nav aria-label="Разделы">...</nav>
</header>
<main><h1>Урок</h1></main>
<footer><p>© 2026 Практикум</p></footer>

Что проверить

  • С главной можно уйти в разделы и вернуться по названию.
  • Подвал не перебивает урок вторым h1.
  • На всех пробных страницах шапка собрана одинаково.

Попробуй

Добавь в шаблон шапку с меню и подвал с годом.