Теги header и footer, шапка и подвал
Кроме уникального основного содержимого страницы, у нас есть повторяющиеся на других страницах вводная часть и заключительная часть.
Вводную часть страницы, которую чаще называют «шапкой», описывает тег . Аналогично ему, заключительную часть страницы, или «подвал», описывает тег .
Я шапка сайта. Могу повторяться на других страницах. Я основной контент! Живу только на этой странице. Обычно на странице появляется по одному тегу и , но их может быть и больше.
Давайте разметим шапку и подвал главной страницы. В качестве содержания пока используем текстовые «заглушки».
Тег — это не только шапка сайта с логотипом и меню, он может использоваться, например, и как «шапка» какой-нибудь статьи или раздела сайта. Конечно, в случае со статьёй называют не «шапкой», а вводной частью, в которой могут содержаться заголовки, оглавление и так далее.
С ситуация аналогичная. В привычном понимании это подвал сайта, с копирайтами, контактной информацией и так далее. Но может использоваться и в других разделах сайта. Например, внутри статьи в «подвале» можно разместить дополнительную информацию: данные об авторе, дополнительные ссылки и так далее.
Перейти к заданию
- index.html Сплит-режим
Проверить на сервере Проверка проводилась слишком много времени, попробуйте ещё разок Показать ответ
Спасибо! Мы скоро всё исправим)
Как сделать фиксированную шапку сайта css
Для того чтобы сделать нашу шапку фиксированной, нам нужно задать для нее высоту, ширину и прописать position:fixed. Ширина нам в данном случае нужна такая же, как и ширина для тега body. Посмотрим на код в CSS файле:
header display: block; position: fixed; top: 0; padding-top: 10px; height: 90px; width: 100vw; > А теперь посмотрим на пример в CodePen: Перейти
Шапка сайта осталась фиксированной.
Как сделать «шапку» (header, хедер) сайта?
Чтобы разместить блок сразу на всех страницах сайта (например, меню) нужно создать отдельную страницу, поместить на нее элементы, которые должны быть на всех страницах, перейти в Настройки сайта → Шапка и подвал и назначить созданную страницу, как шапку. Этот блок появится вверху на всех страницах сайта.
Чтобы хедер стал виден, опубликуйте все страницы (а не только страницу, назначенную как хедер)
Похожие вопросы
- Как добавить фавикон (favicon, иконку в браузере)?
- Как добавить HTML-код в Head сайта?
- Как создать сайт на нескольких языках?
- Как скопировать страницу?
- Как сделать «подвал» (footer, футер) на сайте?
Как сделать общую шапку для всех или нескольких страниц
Для всех или нескольких страниц своего сайта вы можете настроить общие блоки: шапку (header) и подвал (footer).
В этих блоках можно разместить контактную информацию, ссылку на договор-оферту, навигацию и другие вложенные разделы.
Как сделать общий футер и хэдер для страниц
В меню Сайт выберите Папку, для которой необходимо установить общий header/шапку и нажмите «Редактировать» (1) или добавьте новую папку (2):
В поле Страница-header выберите необходимую страницу с хедером.
Не забудьте нажать «Сохранить».
Как это выглядит на страницах
Первая страница с хедером
Новая страница с хедером
Пн 13 Февраля 03:05
Здравствуйте! Все сделала по инструкции, но почему-то хедер не отображается на страницах
Сохранить или отменить редактирование
Ср 25 Окт 13:52 Нравится • Ответить
Добрый день, Анна.
Чтобы мы могли проанализировать ситуацию и помочь вам, напишите, пожалуйста, в нашу поддержку по ссылке https://getcourse.ru/contacts и пришлите ссылки на объекты.
Сохранить или отменить редактирование
Ср 25 Окт 14:06 1 Нравится
Добрый день! Возможно ли создать (header) в лендинге, но при этом вставить ссылку не на другую страницу, а на другой раздел лендинга?. То есть, чтобы при нажатии в опцию например «контакты» не открывалась еще одна страница, а в именно в лендигде переходилось в то место, где находится данная информация? Не могу найти такой функции.