Что думаете насчет квадратных скобок в атрибуте class?

Question

[Алексей Николаев]

Доброго дня.
Речь о "небольшом трюке", который я почерпнул из статьи (там он под номером 10). Автор предлагает выделять в разметке классы в некие логически связанные по контексту блоки. Например, так:

<button class="o-layout">
    <div class="[ o-layout-item o-grid ] c-button"></div>
</button>

В его примере он выделил блок на основе того, что классы с префиксом o- являются объектами разметки, а классы с префиксом c- визуальными компонентами.

Извращение или годная практика (нет)? Во внутреннем представлении браузера создаются адские вещи вроде .\[., к которым, конечно, нет css-правил, но все же.

Answer 1

[fetis26]

Дикий изврат на мой взгляд.

Answer 2

[Сергей]

Извращение какое-то. Я бы точно так никогда делать не стал. Тем более как быть со всякими шаблонизаторами (jade например) и динамически создаваемыми классами

Answer 3

[zooks]

Да, извращение. Лучше использовать БЭМ или что-то похожее на него.

Answer 4

[Serj-One]

Извращение - это ещё мягко сказано. БЭМ - наше всё.

Answer 5

[Кирилл]

Про извращение еще не говорили? Так вот, это извращение. Ну и БЭМ, на всякий случай, посоветую =)

Answer 6

[Nikolay Talanov]

Мешанина из классов в html - расстрелять. Надо юзать миксины/экстенды, а в хтмл держать БЕМ классы и некоторые клювые лэйаут классы иногда.

Comments

[Алексей Николаев]

Ну, не обязательно бэм, есть масса методологий, которые не хуже, а выглядят не уродливо (в отличие от). Даже эти квадратные скобки выглядят аккуратнее бэма...