Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 24 additions & 24 deletions method/key-concepts/key-concepts.ru.md
Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@
# Определения

* [Блок](#Блок)
* [Элемент](#Элемент)
* [Модификатор](#Модификатор)
* [БЭМ-сущность](#БЭМ-сущность)
* [Микс](#Микс)
* [БЭМ-дерево](#БЭМ-дерево)
* [Реализация блока](#Реализация-блока)
* [Технология реализации блока](#Технология-реализации)
* [Переопределение блока](#Переопределение-блока)
* [Уровень переопределения](#Уровень-переопределения)
* [Блок](#блок)
* [Элемент](#элемент)
* [Модификатор](#модификатор)
* [БЭМ-сущность](#бэм-сущность)
* [Микс](#микс)
* [БЭМ-дерево](#бэм-дерево)
* [Реализация блока](#реализация-блока)
* [Технология реализации блока](#технология-реализации)
* [Переопределение блока](#переопределение-блока)
* [Уровень переопределения](#уровень-переопределения)

## Блок

Логически и функционально независимый компонент страницы, аналог компонента в Web Components. Блок инкапсулирует в себе поведение (JavaScript), шаблоны, стили (CSS) и другие [технологии реализации](#Технология-реализации). Независимость блоков обеспечивает возможность их повторного использования, а также удобство в [разработке и поддержке проекта](../solved-problems/solved-problems.ru.md).
Логически и функционально независимый компонент страницы, аналог компонента в Web Components. Блок инкапсулирует в себе поведение (JavaScript), шаблоны, стили (CSS) и другие [технологии реализации](#технология-реализации). Независимость блоков обеспечивает возможность их повторного использования, а также удобство в [разработке и поддержке проекта](../solved-problems/solved-problems.ru.md).

**Возможности блоков:**

* [Вложенная структура](#Вложенная-структура)
* [Свободное перемещение](#Свободное-перемещение)
* [Повторное использование](#Повторное-использование)
* [Вложенная структура](#вложенная-структура)
* [Свободное перемещение](#свободное-перемещение)
* [Повторное использование](#повторное-использование)

### Вложенная структура

Expand Down Expand Up @@ -47,7 +47,7 @@

## Элемент

Составная часть [блока](#Блок), которая не может использоваться в отрыве от него. Элементы не существуют вне блока. Каждый элемент может принадлежать только одному блоку.
Составная часть [блока](#блок), которая не может использоваться в отрыве от него. Элементы не существуют вне блока. Каждый элемент может принадлежать только одному блоку.

Например, пункт меню вне блока меню не используется, значит является его элементом.

Expand All @@ -59,7 +59,7 @@

## Модификатор

БЭМ-сущность, определяющая внешний вид, состояние и поведение [блока](#Блок) или [элемента](#Элемент).
БЭМ-сущность, определяющая внешний вид, состояние и поведение [блока](#блок) или [элемента](#элемент).

Использование модификаторов опционально, количество — неограничено. Блоку или элементу нельзя одновременно присвоить разные значения модификатора.

Expand All @@ -75,13 +75,13 @@

## БЭМ-сущность

БЭМ-сущностями называются [блоки](#Блок), [элементы](#Элемент) и [модификаторы](#Модификатор).
БЭМ-сущностями называются [блоки](#блок), [элементы](#элемент) и [модификаторы](#модификатор).

Это понятие может применяться как частное, если рассматривается отдельная БЭМ-сущность, и как собирательное для блоков, элементов и модификаторов. 

## Микс

Способ использования разных [БЭМ-сущностей](#БЭМ-сущность) на одном [DOM-узле](https://ru.wikipedia.org/wiki/Document_Object_Model).
Способ использования разных [БЭМ-сущностей](#бэм-сущность) на одном [DOM-узле](https://ru.wikipedia.org/wiki/Document_Object_Model).

Миксы позволяют:

Expand Down Expand Up @@ -195,7 +195,7 @@ BEMJSON

## Реализация блока

Набор различных [технологий](#Технология-реализации), определяющих следующие особенности БЭМ-сущности:
Набор различных [технологий](#технология-реализации), определяющих следующие особенности БЭМ-сущности:

* поведение;
* внешний вид;
Expand All @@ -207,7 +207,7 @@ BEMJSON

## Технология реализации

Технология, которая используется для [реализации](#Реализация-блока) блока.
Технология, которая используется для [реализации](#реализация-блока) блока.

Блоки могут быть реализованы в одной или нескольких технологиях, например:

Expand All @@ -220,17 +220,17 @@ BEMJSON

## Переопределение блока

Изменение [реализации](#Реализация-блока) блока путем добавления ему новых особенностей на другом [уровне](#Уровень-переопределения).
Изменение [реализации](#реализация-блока) блока путем добавления ему новых особенностей на другом [уровне](#уровень-переопределения).

## Уровень переопределения

Набор БЭМ-сущностей и их частичных [реализаций](#Реализация-блока).
Набор БЭМ-сущностей и их частичных [реализаций](#реализация-блока).

Конечная реализация блока может быть разделена по разным уровням переопределения. Каждый последующий уровень добавляет или перекрывает исходную реализацию блока. Конечный результат собирается из отдельных [технологий реализации](#Технология-реализации) блока со всех уровней переопределения последовательно в заданном порядке.
Конечная реализация блока может быть разделена по разным уровням переопределения. Каждый последующий уровень добавляет или перекрывает исходную реализацию блока. Конечный результат собирается из отдельных [технологий реализации](#технология-реализации) блока со всех уровней переопределения последовательно в заданном порядке.

![Уровень переопределения](key-concepts__levels.png)

[Переопределять](#Переопределение-блока) можно любые [технологии реализации](#Технология-реализации) БЭМ-сущностей.
[Переопределять](#переопределение-блока) можно любые [технологии реализации](#технология-реализации) БЭМ-сущностей.

Например, в проект на отдельный уровень подключается сторонняя библиотека, которая содержит готовые реализации блоков. Проектные блоки хранятся на другом уровне переопределения.

Expand Down