Можно ли вкладывать элементы одного блока в другой?

Question

[wakenbyWork]

Можно ли так писать по bem?:

1)

<div class="l-about">
    <div class="l-about__inner">
        <div class="l-about__left">

            <div class="history">
                <h1 class="l-about__title">Большой заголовок</h1>

                <div class="history__timer"></div>
                <div class="history__banner"></div>

                <div class="l-about__section">
                    <h4 class="l-about__sub-title">Заголовок по меньше</h4>
                    <p class="l-about__text">Текст</p>
                </div>
            </div>

        </div>

        <div class="l-about__right">
            <div class="about-sidebar"><!-- code --></div>
        </div>
    </div>
</div>

2)

<div class="l-about">
    <div class="l-about__inner">
        <div class="l-about__left">

            <div class="history shared-about-elements">
                <h1 class="shared-about-elements__title">Большой заголовок</h1>

                <div class="history__timer"></div>
                <div class="history__banner"></div>

                <div class="shared-about-elements__section">
                    <h4 class="shared-about-elements__sub-title">Заголовок по меньше</h4>
                    <p class="shared-about-elements__text">Текст</p>
                </div>
            </div>

        </div>

        <div class="l-about__right">
            <div class="about-sidebar"><!-- code --></div>
        </div>
    </div>
</div>

Answer 1

[Realetive]

Да.

Comments

[wakenbyWork]

Я обновил ответ, не подскажите по второму пунтку?

И является ли первый пункт хорошей практикой?

[Realetive]

wakenbyWork, без анализа всего дизайна проекта невозможно сказать. Я могу придумать ситуацию, когда на одной DOM-ноде «встречаются» две сущности, но не могу гарантировать, что это ваш случай.

[wakenbyWork]

Realetive, Понял, а нормально использовать первый вариант? Не опираясь на дизайн, а чисто по методологии? Это будет хорошей практикой?

[Realetive]

wakenbyWork, про «хорошую» практику в отрыве от дизайна бессмысленно (ну, т. е. очень сложно) говорить — БЭМ-разметка должна отражать логическую сущность (по содержанию) или визуальную (по дизайну). Всё, что можно сказать по приведенному коду — он не противоречит методологии.

[wakenbyWork]

Realetive, Спасибо большое!) Я всегда думал что первый вариант противоречит методлогии

Answer 2

[webvalery]

Нет.
Цитата из документации:
"Элемент
Составная часть блока, которая не может использоваться в отрыве от него. Элементы не существуют вне блока. Каждый элемент может принадлежать только одному блоку."