Известно, что элементы блока БЭМ не могут использоваться в отрыве от блока, а могут ли одни и те же блоки на разных страницах или в пределах одной страницы использоваться без некоторых своих элементов, либо вложенных блоков ИЛИ с изменённой последовательностью этих самых элементов ИЛИ например вложенный блок в одном месте является так же и элементом (микс), а в другом месте только вложенным блоком (то есть по сути опять отсутствие элемента)?
Пример:
На главной странице мы имеем блок header (шапку), который содержит два других блока (header-top и header-bottom), которые так же являются его элементами:
<header class="header">
<div class="header-top header__header-top">
<a class="logo header-top__logo" href="#">
<img class="logo__img" src="#" alt="Логотип">
</a>
<!-- ... -->
</div>
<div class="header-bottom header__header-bottom">
<nav class="header-bottom__menu">
<ul class="header-bottom__menu-items">
<li class="header-bottom__menu-item"><a href="#" class="header-bottom__menu-link">...</a></li>
<li class="header-bottom__menu-item"><a href="#" class="header-bottom__menu-link">...</a></li>
<li class="header-bottom__menu-item"><a href="#" class="header-bottom__menu-link">...</a></li>
</ul>
</nav>
<!-- ... -->
</div>
</header>
А на всех остальных страницах мы используем тот же самый БЭМ блок header, но в нём уже отсутствует вложенный блок header-bottom (который так же являлся элементом блока header):
<header class="header">
<div class="header-top header__header-top">
<a class="logo header-top__logo" href="#">
<img class="logo__img" src="#" alt="Логотип">
</a>
<!-- ... -->
</div>
</header>
А так же в именах классов по БЭМ в данном примере ошибок нет?
UPD: Меня интересует именно строгое соответствие методологии БЭМ, чтобы знать их требования.
