Методологии верстки
Методология верстки
Методология верстки - это способы организации и поддержки кода.
Для чего нужна методология :
- Быстрое написание кода
- Повторно используемый код
- Легко поддерживаемый код
БЭМ
БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки. Он позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая «Copy-Paste».
БЭМ
<!-- Блок `search-form` -->
<form class="search-form">
<!-- Элемент `input` блока `search-form` -->
<input class="search-form__input">
<!-- Элемент `button` блока `search-form` -->
<button class="search-form__button">Найти</button>
</form>
<!-- Блок `search-form` имеет булевый модификатор `focused` -->
<form class="search-form search-form_focused">
<input class="search-form__input">
<!-- Элемент `button` имеет булевый модификатор `disabled` -->
<button class="search-form__button search-form__button_disabled">Найти</button>
</form>
Блок элемент
Блок элемент модификатор
deck
By Vadim Nahornyi
deck
- 514