БЭМ. Некоторые нестыковки на разных сайтах, что все-таки, верно?

Question

[ZaxapKramer]

Читаю я один источник - пишут, что верно модификаторы обозначать через подчеркивание:
.my-block { }
.my-block_modifer { }

Читаю другой источник - здесь (и не только) пишут, что необходимо ставить двойное тире (два минуса, если угодно):
.my-block { }
.my-block--modifer { }

Где, все-таки, правда? Как я понимаю, БЭМ - то, к чему нужно стремиться, дабы улучшить читаемость, и да, я согласен с этим. Но насколько БЭМ строг? Если мне хочется обозначать модификаторы через "--", следует ли мне это делать, будет ли это "все еще" называться БЭМ-ом?

Answer 1

[Сергей Горячев]

Как правильно оформить блок по БЭМ?

Edward дал полный ответ в моем обсуждении.

Sergey Goryachev @webirus
Edward: А такой вопрос, по этой документации модификатор оформляется "--", однако везде в других местах "_", в чем подвох?)

Edward @edalis
Sergey Goryachev: Это немного измененная система именования классов, в соответствии с предложениями Николаса Галлахера, мне, например, она тоже больше нравится, чем оригинальная. Вот вам еще на несколько дней )))

frontender.info/MindBEMding

Хороший источник информации тут https://nicothin.github.io/idiomatic-pre-CSS/

Мне лично нравится больше с "--" оформлять. Нагляднее чтоли получается.

.site-search{} /* Блок */
.site-search__field{} /* Элемент */
.site-search--full{} /* Модификатор */

Comments

[ZaxapKramer]

Спасибо большое за разъяснение! А что насчет тех же тегов? Пишут, что это не рекомендуется, но вот мне нужно задать, допустим, те же заголовки (h1, h2, h3, ..., h6) или просто тегами "нарисовать" таблицу (table, tr, td) - как это будет называться? Как это может жить с БЭМ, в принципе, и может ли?

[Сергей Горячев]

ZaxapKramer: Всё зависит от того, для чего делается верстка.
Если чисто лендинг для себя, то всё должно быть по БЭМ, и заголовки и таблицы.
А если сайт планируется натянуть на админку, нужно обсуждать с программистами, не проблемно ли им будет использовать БЭМ, так как некоторые админки не расчитаны на это изначально.
Да и для контент-менеджеров неудобно, если каждый заголовок будет с отдельным классом.
Так что перед тем, как оформлять, нужно определить цели.

[ZaxapKramer]

Sergey Goryachev, то есть.. каждый раз таким образом обозначать заголовок так:

<h1 class="header_1">My Super Header 1</h1>
<h2 class="header_2">My Super Header 2</h2>

Все верно?
Делаю для себя, чтобы в дальнейшем "быстро разворачивать что-либо".
Практически дописал css-framework из папки "Pack for high-speed development". Для верстки, конечно же. Случайно наткнулся на БЭМ в очередной раз... и решил сделать (наконец-то) все "по-красоте". Сел переписывать классы буквально час назад - втянулся, сейчас на "заключительной стадии" переработки. Вопросы вызвали заголовки... и вообще теги:)

[Сергей Горячев]

ZaxapKramer: Собственно, ответ там же, я точно также интересовался заголовками Как правильно оформить блок по БЭМ?

[ZaxapKramer]

Sergey Goryachev, спасибо! Сейчас заметил (невнимательность). Изучаю. Вы мне тоже обеспечили несколько дней изучения:)

[Сергей Горячев]

ZaxapKramer: Всегда пожалуйста, изучайте на здоровье :) (с) Edward )))

Answer 2

[Андрей Хохлов]

https://ru.wikipedia.org/wiki/%D0%91%D0%AD%D0%9C

Есть 2 основных синтаксиса. Один предлагает отделять модификатор нижним подчеркиванием (Яндекс), второй - двумя дефисами.

Кстати, так сложилось что использую для модификаторов --. Думаю перейти на _ и выделять название класса двойным кликом как белый человек)