Как правильно реализовать такой header?

1 ответ

Подскажите пожалуйста, как реализовать такую шапку по правилам БЭМ?
Черная и красная обводка - это шапка, она у нас общая, то есть, она должна быть фиксированой, но так же в нём должен присутствовать контейнер. Черная шапка у нас будет номера телефонов, кнопка позвонить, а так же иконки соц сетей, а нижняя у нас логотип, меню.
пример

Как правильно сдедать разметку, а так же как правильно их назвать?

Дополнительно:

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Кирилл JS Ответ

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

1. Использование тега

: Ваш заголовок должен быть обернут в тег

, чтобы указать браузеру, что это именно заголовок страницы.

2. Использование CSS для стилизации: Чтобы ваш заголовок выглядел привлекательно и соответствовал дизайну вашего сайта, используйте CSS для стилизации. Например, вы можете задать цвет фона, шрифт, размер текста и т. д.

3. Включение логотипа или названия сайта: В header часто включают логотип компании или название сайта. Это помогает пользователям быстро определить, на каком сайте они находятся.

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

Пример кода на PHP для создания header:

<header>
    <div class="logo">
        <img src="logo.png" alt="Логотип сайта">
    </div>
    <nav>
        <ul>
            <li><a href="/">Главная</a></li>
            <li><a href="/about">О нас</a></li>
            <li><a href="/services">Услуги</a></li>
            <li><a href="/contact">Контакты</a></li>
        </ul>
    </nav>
</header>

<header> <div class="logo"> <img src="logo.png" alt="Логотип сайта"> </div> <nav> <ul> <li><a href="/">Главная</a></li> <li><a href="/about">О нас</a></li> <li><a href="/services">Услуги</a></li> <li><a href="/contact">Контакты</a></li> </ul> </nav> </header>

Этот код создаст простой header с логотипом, навигационным меню и ссылками на различные страницы вашего сайта. Не забудьте также добавить стили CSS для улучшения внешнего вида вашего header.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ VPN Как правильно настроить vless для Android TV? 1 ответ Visual Studio Code Как лучше убрать тень у панели слева в VS Code? 1 ответ

Как правильно реализовать такой header?

Дополнительно:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно