БЭМ
БЭМ расшифровывается как «Блок Элемент Модификатор». Бэм это подход к разработке вэб-сайтов, который обладает гибкостью и легкостью. С его помощью можно быстро создавать сайты с гибкой архитектурой. БЭМ знают многие, кто занимаются версткой HTML / CSS.
Далее приводятся расшифровки аббревиатуры.
Рассмотрим их:
«Блок», «элемент» и «модификатор» — основные термины БЭМ. Это необходимые и достаточные понятия для описания интерфейса любой сложности.
- Блок — это независимый интерфейсный компонент. Блок может быть простым или составным (содержать другие блоки). При создании блока нужно обеспечивать возможность его использования в любом месте
web-страницы , а также повторения на той же самой странице. Блок должен включать в себя всю реализацию, необходимую для представления части интерфейса, которую он выражает. - Элемент — это составная часть блока. Элементы
контекстно-зависимы : они имеют смысл только в рамках своего блока. Элемент — не обязательная составляющая блока, небольшие блоки обходятся без элементов. - Модификатор — это свойство блока или элемента, задающее изменения в их внешнем виде или поведении. Модификатор может быть булевым (например, button_big) или парой
ключ-значение (например, menu_type_bullet, menu_type_numbers). У блока или элемента может быть несколько модификаторов одновременно.
