Какое решение по БЭМ правильнее?

Question

[gazes12]

<section class="projects">
                <div class="projects__main-subtitle main-subtitle">Projects</div>
                <div class="projects__main-title main-title">100+ projects on different topics:</div>
                <ul class="projects__menu">
                    <div class="projects__item"><a href="" class="projects__link">Blogs</a></div>
                    <div class="projects__item"><a href="" class="projects__link">CRM</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Educational   platform</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Banking applications</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Mobile applications</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Mobile games</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Social networks</a></div>
                </ul>
                <div class="projects__area">
                    <div class="projects__title">Blogs</div>
                    <div class="projects__body">
                        <ul class="projects__accordeon">
                            <div class="projects__item"></div>
                        </ul>
                    </div>
                </div>
            </section>

Или:

<section class="projects">
                <div class="projects__main-subtitle main-subtitle">Projects</div>
                <div class="projects__main-title main-title">100+ projects on different topics:</div>
                <ul class="projects__menu">
                    <div class="projects__item"><a href="" class="projects__link">Blogs</a></div>
                    <div class="projects__item"><a href="" class="projects__link">CRM</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Educational   platform</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Banking applications</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Mobile applications</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Mobile games</a></div>
                    <div class="projects__item"><a href="" class="projects__link">Social networks</a></div>
                </ul>
                <div class="projects__area">
                    <div class="projects__title">Blogs</div>
                    <div class="projects__body">
                        <ul class="projects-accordeon">
                            <div class="projects-accordeon__item"></div>
                        </ul>
                    </div>
                </div>
            </section>

Заранее спасибо!

Comments

[Антон Литвиненко]

вложенным в ul элементом может быть только li. для заголовков используют теги заголовков. вам еще рано про бем, вы самой базы не знаете

[gazes12]

Антон Литвиненко, Вам рано осуждать мои опечатки.

[Антон Литвиненко]

gazes12, Забавно слышать.
Я вам указал не на опечатки, а на две грубые ошибки, одна из них относится к семантике, а второе вообще ошибка. И я не осуждаю, я указываю на них.
Рано? По возрасту? возможно, мне всего сорокет. По опыту? тоже возможно, всего 5 лет опыта.
Обиделись? Тут не на что обижаться, разве что на правду.

[gazes12]

Антон Литвиненко, У меня на странице уже есть заголовок. H1 минимум 1 раз используется на странице. Вместо li, я случайно написал div.

Answer 1

[Realetive]

Оба верные, но не имеют никакого отношения к БЭМ.

Comments

[gazes12]

Почему? Там же элементы блока projects, это же БЭМ методология?

[Realetive]

Потому что невозможно оценить корректность, глядя только на разметку. У вас классы через чёрточку, в БЭМе тоже так пишут, но только этого признака недостаточно — БЭМ про компонентый подход, про выделение общих компонентов, а как тут выделить общие компоненты, когда не представлен дизайн? Можно лишь оценить, что классы с «имя-неймспейса-два-нижних-подёчеркивания-второе-имя» лежат „внутри“ «имя-неймспейса» — это ещё не БЭМ.