Некоторые основные принципы вёрстки шапки сайта в современных условиях:

• Размер и пропорции. 4 Ширина может меняться от 1024 px до 1920 px (для мониторов с высоким разрешением). 2 По высоте шапка не должна перекрывать половину экрана и мешать знакомству с контентом на сайте, обычно достаточно от 100 до 250 пикселей. 2
• Корректное отображение на разных устройствах. 2 После запуска сайта нужно убедиться, что шапка корректно отображается на разных устройствах и мониторах с разным разрешением. 2
• Читаемый, чёткий шрифт. 2 Если в компании разработан корпоративный стиль, то стоит использовать фирменные шрифты. 2 Информация в шапке должна хорошо читаться людьми с разным зрением и с разного расстояния. 2
• Отсутствие лишних элементов. 2 Они отвлекают от самого главного. 2
• Продуманное расположение элементов. 2 Пользователи привыкли, что контакты обычно находятся в правой части шапки сайта, а логотип и название компании — в левой. 2
• Зафиксированная шапка. 24 Это поможет пользователям всегда иметь перед глазами важную информацию. 2
• Сочетание с общим оформлением сайта. 3 Шапка должна соответствовать назначению сайта и гармонично вписываться в общий стиль веб-ресурса. 2