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

Как правильно верстать wrapper?

Какая структура html более правильная ?

1 вариант
<body>
  <div class="wrapper">
    <header>
    </header>
    <main>
    </main>
    <footer>
    </footer>
  </div>
  <footer>
  </footer>
</body>

2 вариант
<body>
  <header>
    <div class="wrapper">
    </div>
  </header>
  <main>
    <div class="wrapper">
    </div>
  </main>
  <footer>
    <div class="wrapper">
    </div>
  </footer>
</body>

3 вариант
<body>
  <div class="wrapper">
    <header>
    </header>
    <main>
    </main>
    <footer>
    </footer>
  </div>
</body>
  • Вопрос задан
  • 4181 просмотр
3 комментария
Подписаться 2 Простой 3 комментария
Пригласить эксперта
Ответы на вопрос 4
JaredWinter
@JaredWinter
Помог? - Отметь решением.
Зависит от того, что такое ваш wrapper.
Если этот контейнер определяет только ширину, то ближе всего подходит вариант 2
Ответ написан
Комментировать
Комментировать
LenovoId
@LenovoId
svg, css,js
каждый обёртку называет как хочет ... кто то опираясь на английский язык называет wrapper кто то main кто то page бывает и даже colophon и много названий а задача у него одна ..просто обернуть все элементы страницы в единый контейнер на подобие body и всё
Ответ написан
2 комментария
2 комментария
@id_baton4eg
для собственного более простого понимания я всегда разделяю, внутри body - лежит container (по аналогии бутстрапа), а вот держатель верстаемых итемов всегда wrapper, так я могу быстро ориентироваться по коду.
Ответ написан
Комментировать
Комментировать
dom1n1k
@dom1n1k
Нет однозначного ответа. Все три варианта могут быть годными в зависимости от логики макета.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик HTML
MST
от 450 $
Баннермейкер (html-5)/дизайнер-верстальщик/motion-дизайнер
BYTIME
от 130 000 ₽
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходим парсер
05 янв. 2025, в 07:48
2000 руб./за проект
Нарисовать макет сайта
05 янв. 2025, в 06:24
15000 руб./за проект
Разработать бекенд
05 янв. 2025, в 06:22
15000 руб./за проект
Ещё заказы