DEV Community

Cover image for (html) — Что такое «heder»
Rafael
Rafael

Posted on

(html) — Что такое «heder»

  • Header как шапка страницы. Самый частый сценарий — разместить header в начале body и использовать его как общую шапку сайта.
  • С точки зрения UX хедер должен обеспечивать аудитории быстрый доступ к основным функциям — меню, профилю, строке поиска. Такая структура помогает легко ориентироваться и сокращает барьеры на пути к целевому действию.
  • Для того чтобы сделать header для сайта, разберемся в первую очередь с его размером. Размер хедера для сайта составляет 1024 px в ширину, но он может варьироваться от 1024 px до 1920 px.
  • В хедере, как правило, не используются изображения, за исключением логотипа. Поэтому он должен иметь высокое разрешение.
  • Если в шапку сайта вы поместили важную информацию, то используйте фиксированный скролинг. Это нужно для того, чтобы эта информация оставалась на виду у пользователя. Например, это эффективно, когда в хедере есть кнопка лидогенерации. -Следите за высотой шапки сайта. Если работаете над информационным ресурсом, то оптимальный размер высоты шапки составляет 100-200 пикселей. Для лендингов, а также сайтов-визиток можно сделать хедер выше. Важно, чтобы хедер не мешал пользователям воспринимать контент на сайте.

РЕСУРСЫ

Top comments (0)