Каталог курсов

Шапка сайта

Шапка сайта — элемент в самом верху сайта. Также его называют «хедер» (с англ. header). Этот блок сквозной: он отображается на всех страницах сайта.

Главные функции хедера — помочь пользователю:

идентифицировать компанию — по логотипу или названию
быстро найти важную информацию и нужные разделы
выделить компанию среди конкурентов: больше шансов запомниться пользователю у удобной и понятной или креативной шапки сайта

В хедере принято размещать:

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

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

В HTML для создания шапки сайта используют тег <header>, внутри него располагают необходимые элементы.

Узнайте больше в Медиа Нетологии:

Бесплатные курсы по дизайну и UX:

Программы обучения Нетологии по дизайну и UX:

← В глоссарий