@Name_23

Соответствует ли этот код БЭМ-методологии?

Соответствует ли данная разметка БЭМ-методологии или нужно поменять?
works-item в works__item
works-box в works__item-box
works-img вworks__item-img
<section id="works" class="works">
    <div class="row">
        <div class="works-item">
            <a href="img/work-1.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-1.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-2.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-2.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-3.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-3.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-4.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-4.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-5.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-5.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-6.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-6.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-7.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-7.jpg" alt="" class="works-img">
            </a>
        </div>
        <div class="works-item">
            <a href="img/work-8.jpg" class="works-box" alt="Project Name ">
                <img src="img/work-8.jpg" alt="" class="works-img">
            </a>
        </div>
    </div>
</section>
<!-- works -->
  • Вопрос задан
  • 113 просмотров
Решения вопроса 1
AndrewMarty
@AndrewMarty
HTML - верстальщик
Ну для того чтобы понять нужно создавать блок или элемент давайте узнаем что из себя представляет блок и элемент(*ссылочка на источник*). Блок - это компонент страницы, который может быть повторно использован. Элемент - это составная часть блока, которая не может использоваться в отрыве от него. В вашем случае вы используете блок works-item, конечно можно создавать новые блоки(works-box и works-img) Вам никто не запретит, но зачем? Если стили для ссылки и картинки уникальны внутри блока works-item, то лучше использовать элемент. Если стили где-то ранее использовались или будут использоватся, то лучше создать блок для повторного использования в дальнейшем.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы