Что такое БЭМ?
БЭМ — это методология разработки веб-проектов, которая помогает создавать масштабируемые и поддерживаемые интерфейсы.
Основные понятия
- Блок — независимый компонент (header, button)
- Элемент — часть блока (header__logo, button__text)
- Модификатор — состояние блока или элемента (button--large, button--disabled)
Пример разметки
<div class="header"> <img class="header__logo" src="logo.png"> <button class="button button--large">Нажми меня</button> </div>