Задать вопрос
@jarderRek

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

Первый вариант:
<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


Какой из вариантов правильный?
Заранее спасибо!
  • Вопрос задан
  • 76 просмотров
Подписаться 1 Простой 2 комментария
Ответ пользователя Dmistass К ответам на вопрос (1)
Dmistass
@Dmistass
Первый вариант нормально подходит, если ты хочешь обычное содержание. Там ещё надо смотреть со стилями, но их можно подогнать
Ответ написан
Комментировать