Именование классов в БЭМ

278
06 ноября 2017, 21:36

Вопрос по правильному именованию классов в БЭМ.

Собственно есть шапка, и 2 элемента внутри - это логотип и поле поиска с кнопкой.

Вот структура:

<header class="page-header">
    <div class="page-header__line"></div>
    <div class="page-header__wrap">
        <div class="page-header__logo">
            <img src="img/header-logo.png" width="161" height="38" alt="whitesquare">
        </div>
        <div class="page-header__search">
            <input class="page-header__search-input" type="text" placeholder="Search">
            <button class="page-header__search-btn">GO</button>
        </div>
    </div>
</header>

В данном случае интересует блок с поиском. Я не планирую использовать поиск где-либо еще на странице, поэтому делать его блоком не вижу смысла. Правильна ли разметка?

А если мне нужно было бы сделать его отдельным блоком? Тогда так?

<div class="page-header__search">
    <div class="search">
        <input class="search__input" type="text" placeholder="Search">
        <button class="search__btn">GO</button>
    </div>
</div>

Заранее спасибо.

READ ALSO
как в label передать значения item в dropdawn

как в label передать значения item в dropdawn

как в label передать значения items в dropdawn, чтобы при выборе items, label принимал значение выбранного items

333
Перенаправить drill.html/****** на drill.html

Перенаправить drill.html/****** на drill.html

Помогите, пожалуйста

256
Что такое сайт-транзитка?

Что такое сайт-транзитка?

Прислали мне такое задание, нужно сделать

321
Блок контента наезжает на footer

Блок контента наезжает на footer

Почему-то блоки контента скрываются за футером, использую Bootstrap 3, footer прижал к низу с помощью navbar-fixed-bottom, также пробовал с помощью flexbox но ничего...

329