БЭМ, блок или элемент?

Question

[kid-programmer]

Всем привет! Постигаю БЭМ и возник вопрос, когда блок а когда элемент?
Например есть страница на которой есть специфический footer... этот footer будет только на это странице и больше не где, и есть еще footer который общий для всех.
Правильно ли будет сделать специфический футер для страницы элементом...

//специфический footer для страницы
.home-page__footer{}
.home-page__footer-content{}
.home-page__footer-item{}

//mod 
.home-page__footer-item_left{}
.home-page__footer-item_right{}

и общий

.footer{}
.footer__content{}
.footer__item{}

вообщем, как понять где лучше сделать блок а где элемент? и вообще правильно ли я понял БЭМ по названию классов

Answer 1

[Андрей]

Блок имеет смысл вне зависимости от контекста. Футер же имеет смысл только как элемент страницы. Плюс почти всегда футер имеет какие-то характеристики, определяющие его положение: position, margin... и т.д. Что сразу характеризует его как элемент.

Но это если рассматривать его как часть одного проекта. А если посмотреть шире, то один и тот же по структуре футер можно использовать в разных проектах. Для страницы - это элемент, а в целом он может быть блоком.
Поэтому я думаю, что так:

class="footer page__footer"

При этом классу page__footer задать стили, определяющие его положение на странице, а классу footer - все остальное.

Если на одной странице футер отличается, то его следует переопределить через модификатор. Если отличия в положении, то модифицировать следует элемент: page__footer_modificator, при отличиях в оформлении - модифицируете блок: footer_modificator

Comments

[kid-programmer]

Воозможно не доконца проникся БЭМ.. но не могу понять одно. Получается что например Button это элемент блока который имеет смысл в отрыве от блока, то Butoon - это блок. В итоге получается что все контролы html (input, button, link) это изначально блоки.

[kid-programmer]

так же получается что class="footer page__footer" это блокОэлемент, путоница одна. И если хорошо задуматся то лубой элемент блока может иметь смсл в отрыве от блока.. Например блок "post" состоит из элементов post__header, post__date, post__body и все эти три элемента могут иметь смысл без поста.. например элемент post__date может быть и comment__date... вообщем не понятно ничего =(((

[Андрей]

kid-programmer: допустим, у вас есть блок date. Вы используете его без изменения в комментариях, статьях и т.д. Отлично! Это не элемент блока post или comment. Это самостоятельный блок. Не надо ему добавлять post__date.
Но он обязательно в этом случае должен работать "из коробки". То есть вставил, цвет текста поправил модификатором при необходимости и готово.
Если же появляется необходимость его как-то особым образом спозиционировать внутри блока post (например, флоат задать), то тут уже следует создать элемент. Вы можете просто создать элемент post__date, определить его позиционирование, а внутрь поместить "как есть" блок date. Это будет правильно. Но появится "лишний" элемент-обертка post__date, поэтому я предпочитаю объединять блок и элемент, создавая, как вы назвали блокОэлемент.

Answer 2

[kid-programmer]

сам спросил и сам ответил ;) тут ответ