Как правильно назвать сайдбар и основную часть страницы с учетом методологии БЭМ?

Как лучше всего организовать разметку для страницы, которая имеет шапку, содержимое и футер, включая возможность добавления галереи или миниатюр в основной области, и использования сетки grid или JS для их реализации? Также есть вопрос по поводу использования класса "filter" или "filters" для боковой панели.
  • 4 апреля 2024 г. 16:49
Ответы на вопрос 1
1. С учетом методологии БЭМ, сайдбар можно назвать, например, "sidebar", а основную часть страницы - "content".

2. Для организации разметки страницы с шапкой, содержимым, футером и возможностью добавления галереи или миниатюр в основной области, можно использовать следующую структуру:

```html
<div class="header">
    <!-- Шапка -->
</div>
<div class="content">
    <div class="gallery">
        <!-- Галерея или миниатюры -->
    </div>
</div>
<div class="footer">
    <!-- Футер -->
</div>
```

Для использования сетки grid или JS для реализации галереи или миниатюр в основной области, можно создать дополнительные классы или блоки внутри "content" и стилизовать их соответствующим образом.

3. По поводу класса "filter" или "filters" для боковой панели, рекомендуется использовать класс "filters", так как он лучше отражает множественный характер функционала панели (фильтры), в отличие от класса "filter", который может быть воспринят как отдельное действие или элемент.
Похожие вопросы