Соответствует ли такая разметка БЭМ методологии?

Question

[Никита Богомолов]

Здравствуйте, я начал осваивать БЭМ методологию, но не вполне уверен, что правильно понял смысл АНБ.

Оцените пожалуйста мою разметку.
https://jsfiddle.net/L6gL3g52/2/
На сколько она соответствует БЭМ? Что не так? Правильно ли я определил элементы и модификаторы?

Спасибо.

Answer 1

[Олег]

Вам стоит еще почитать про БЭМ. Например про обертки

<input class="contacts__register--form-item">
Что это?

<button class="contacts__register--button"></button>

Кнопка - это почти всегда блок, потому что может быть использована где-то еще.

Comments

[Никита Богомолов]

Что это?

Класс для полей формы записи.

Кнопка - это почти всегда блок, потому что может быть использована где-то еще

А в каких случаях кнопка не будет блоком?
Т.е. мне нужно делать кнопку таким образом

<div class="button">
 	<div class="button__inner"><button class="button__inner--item"></button></div>
 </div>

Спасибо за наводку

[Олег]

Никита Богомолов: Нет, сама кнопка блок, просто: <button class="form-button"></button>

[Никита Богомолов]

Олег: Понял, спасибо.

Answer 2

[Антон Жуков]

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

Например :

<div class = "button button--red">
<div class = "button__icon button__icon--menu"></div>
<div class = "button__label">Text</div>
</div>