Задать вопрос
@abusabir
html

С точки зрения БЭМ как правильнее?

Как ближе к принципам БЭМ - обернуть всё, что внутри body во вспомогательный center-wrapper или же каждый независимый горизонтальный блок (footer, main, header) внутри заворачивать в него?
При этом центровка действительно нужна, резинового ничего не требуется
  • Вопрос задан
  • 2225 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 4
@rushighflyer 
<div class="wrapper">
  <header class="header">
    <div class="header__item">
    </div>
  </header>
  <main class="main">
  </main>
и так далее
</div>
Ответ написан
2 комментария
2 комментария
sim3x
@sim3x
Если предполагается, что блоки будут реюзаться и таки будут центрироваться или блоки будут иметь разное поведение при media queries - нужно использовать обертки для каждого блока

Если нет - оборачивать все в один блок
Ответ написан
Комментировать
Комментировать
dom1n1k
@dom1n1k
От БЭМа это не зависит, это определяется логикой макета.
Один враппер - если есть 100% уверенности, что все блоки будут одной ширины.
А то очень часто бывает, что почти все на (условно говоря) 1000px, но 1 или 2 - на всю ширину экрана (например, какой-нибудь верхний тулбар над шапкой, с социалочками).
Ещё бывает, что где-то в середине блок текста, который сам по себе обычной ширины, но под него подложен фон шириной 100%.
Ответ написан
Комментировать
Комментировать
Zoxon
@Zoxon
Веб-разработчик
Страница это тоже блок, по этому да. Обычно я такую структуру использую.

<!DOCTYPE html>
<html lang="ru" class="no-js">
	<head>...</head>

	<body class="page">
		<div class="page__wrapper">
			<div class="page__header">
				<header class="header">...</header>
			</div>
			<div class="page__main">...</div>
			<div class="page__buffer"></div>
		</div>
		<div class="page__footer">
			<footer class="footer">...</footer>
		</div>
	</body>

</html>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
3д сцены
23 дек. 2024, в 04:30
10000 руб./за проект
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы