Как правильно задавать структуру бэм в данном html коде?

Question

[jarderRek]

Первый вариант:

<header class="header">
	<div class="header__container _container">
		<div class="header__logo"><a href="/">MYCOMPANY</a></div>
		<nav class="header-nav">
			<ul class="header-nav__list">
				<li class="header-nav__item"><a href="#" class="header-nav__link">Home</a></li>
				<li class="header-nav__item"><a href="#" class="header-nav__link">About</a></li>
				<li class="header-nav__item"><a href="#" class="header-nav__link">Services</a></li>
				<li class="header-nav__item"><a href="#" class="header-nav__link">Testimonials</a></li>
				<li class="header-nav__item"><a href="#" class="header-nav__link">Contact</a></li>
			</ul>
		</nav>

		<a href="#" class="menu-icon">&#9776;</a>

		<div class="header-menu">
			
		</div>		
	</div>
</header>

Или надо header-nav задать что это элемет блока header?

Второй вариант:

header__header-nav
А потом элементы блока header__header-nav указывать так?

header__header-nav__list, header__header-nav__item, header__header-nav__link

Какой из вариантов правильный?
Заранее спасибо!

Comments

[asdasdqwe]

Почему бы просто не назвать nav

[Ankhena]

Блоки - это переиспользуемые штуки. Так?
Вот назвали вы его header-nav и как вы его будете переиспользовать в футере или где-то ещё кроме шапки?

Или надо header-nav задать что это элемет блока header?

Тут нужно почитать о том, что блок не должен знать о своей внешней геометрии и чтобы её задать как раз делают миксы.
class="header__nav nav"

С этим

<div class="header__logo"><a href="/">MYCOMPANY</a></div>

аналогично.
Только div вообще лишний.
Остается

<a  class="header__logo logo"  href="/"><img class="logo__img" src=""></a>

А потом элементы блока header__header-nav указывать так?

Так: header__header-nav__link вообще нельзя делать в БЭМ.
Можно как-то так <ul class="nav__list">, <li class="nav__item">, <a class="nav__link">

Answer 1

[Dmistass]

Первый вариант нормально подходит, если ты хочешь обычное содержание. Там ещё надо смотреть со стилями, но их можно подогнать