Как правильно такой элемент верстать по БЭМ?

Question

[Сергей Горячев]

Пока БЭМ будет сводить меня, я буду сводить с ума сообщество Тостер) Уж простите)
Опять у меня вопрос по правильной структуре этой чумовой методологии.

<ul class="slider">
  <li>
    <h1>Заголовок слайда 1</h1>
    <h2>Текстовое содержимое слайда 1</h2>
  </li>
  <li>
    <h1>Заголовок слайда 2</h1>
    <h2>Текстовое содержимое слайда 2</h2>
  </li>
  <li>
    <h1>Заголовок слайда 3</h1>
    <h2>Текстовое содержимое слайда 3</h2>
  </li>
</ul>

Итак, пытаюсь разобраться.
slider - это блок. Тут понятно.
li - это элемент, так и запишем li.slider__Item
Но чем будут заголовки h1 и h2?

Answer 1

[Олег]

<ul class="slider">
  <li class="slider__item">
    <h1 class="slider__title">Заголовок слайда 1</h1>
    <p class="slider__text">Текстовое содержимое слайда 1</p>
  </li>
  <li class="slider__item">
    <h1 class="slider__title">Заголовок слайда 2</h1>
    <p class="slider__text">Текстовое содержимое слайда 2</p>
  </li>
  <li class="slider__item">
    <h1 class="slider__title">Заголовок слайда 3</h1>
    <p class="slider__text">Текстовое содержимое слайда 3</p>
  </li>
</ul>

Comments

[Сергей Горячев]

То есть, заголовок и абзац будут также элементами. Верно?

[Сергей Горячев]

Как бы элементы, вложенные в элементы?

[Олег]

Sergey Goryachev: Верно, также они могут быть блоком и элементом одновременно, в бэме это называется микс, например может быть блок .title, который является элементом слайдера .slider__title:

<h1 class="title slider__title">Заголовок слайда 3</h1>

[Сергей Горячев]

Олег: Я думал на счет блока, но как-то меня смутило, что title может быть еще где-то. Поэтому и решил спросить совета) Не знал, что в элементы можно вкладывать другие элементы) Теперь буду иметь ввиду, это значительно упрощает жизнь))) Спасибо)

[Олег]

Sergey Goryachev: В этом как раз вся суть, если title нужен еще где-то, то это 100% нужно выносить в отдельный блок.

[Сергей Горячев]

Олег: Но там title будет иметь другие параметры, шрифты, стиль, размер, цвет. Совсем отличаться. Это мне кажется будет совсем неудобным делать на модификаторах.

[Олег]

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