Как правильнее задавать классы по BEM?

Подскажите пожалуйста, как правильнее задавать классы по БЭМ'у, в первом варианте, или втором?

1 вариант:
<header class="header">
    <div class="container">
        <div class="header__body">
            <img src="" alt="" class="header__logotype">

            <nav class="header__nav">
                <ul class="header__list">
                    <li class="header__item"><a href="" class="header__link"></a></li>
                    <li class="header__item"><a href="" class="header__link"></a></li>
                    <li class="header__item"><a href="" class="header__link"></a></li>
                </ul>
            </nav>
        </div>
    </div>
</header>


2 вариант:
<header class="header">
    <div class="container">
        <div class="header-body">
            <img src="" alt="" class="header-body__logotype">

            <nav class="header-body__nav nav-body">
                <ul class="nav-body__list">
                    <li class="nav-body__item"><a href="" class="nav-body__link"></a></li>
                    <li class="nav-body__item"><a href="" class="nav-body__link"></a></li>
                    <li class="nav-body__item"><a href="" class="nav-body__link"></a></li>
                </ul>
            </nav>
        </div>
    </div>
</header>
  • Вопрос задан
  • 137 просмотров
Пригласить эксперта
Ответы на вопрос 2
Realetive
@Realetive
MODX Ambassador России, самозванный БЭМ-евангелист
Оба варианта корректны.
Ответ написан
IonDen
@IonDen
JavaScript developer. IonDen.com
2 предпочтительней. Так как навигация вынесена в отдельную сущность.

В 1 варианте header__list и header__item - вообще непонятно что. Как понять что это меню? Названия еще и смысл должны нести.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы