BEM 块的 HTML 标记

Question

The BEM methodology 说：

在 HTML 中，每次块出现在页面上时都会重复块标记。

也就是说，你不能这样做？

<div class="menu">
    <div class="menu__logo></div>
    <a class="menu__link></a>
</div>
<div class="menu">
    <button class="menu__exit-button></button>
</div>

由于同一块中的标记不同

Answer 1

根据情况，一个块内部可以有不同的标记。

<div class="menu">
  <div class="menu__logo">
    <img src="" alt="">
  </div>
  <nav class="menu__nav">
    <a href="">Home</a>
    <a href="">About</a>
  </nav>
  <button class="menu__exit-button"></button>
</div>

Do you have use case/design we can look at?

Answer 2

我会这样做而不是两个块

  <div class="menu">
    <div class="menu__logo></div>
    <a class="menu__link></a>
    <button class="menu__exit-button></button>
</div>

你的属性缺少结束引号