Зачем нужно так много div'ов в html для верстки сайта?

Question

[Erik1930]

Каждый раз когда смотрю видео-уроки по верстке замечаю что все используют div'ы с классами
wrapper, header-inner, container и т.д. и никто не объясняет зачем все это нужно. Объясните пж а то путаюсь в их множестве, или где-нибудь есть статья об этой теме?

Answer 1

[Юпитер Макс]

Ну это как бы негласные правила, чтобы другому верстаку было понятно )) wrapper - это значит обёртка. *-inner это значит внутренний основной блок, в котором уже будет лежать все остальное. Как правило он имеет фикс ширину. container - это тоже свого рода обёртка, это название пошло от bootstrap наверное ))

Answer 2

[haasson]

Ну смотри, есть у тебя абсолютно чистая страница, тебе надо создать блок, например, header. Создаём первый div с классом header.
Внутри него обязательно должен быть какой-нибудь контейнер, ограничивающий ширину, например div с классом wrapper.
Ширину ограничили, казалось бы можно начинать заполнять контентом, но нет. Допустим, мы захотим использовать display: flex внутри header'a, какому блоку задать это свойство? Задать его wrapper'у нельзя, ведь он используется и в других блоках, а там флексы могут быть не к месту. Приходится создавать ещё div с классом header-inner и прописывать ему display-flex.
Вот и получили уже три блока, а ещё даже контентом не начали наполнять

Comments

[Hacknutiyy]

<<Задать его wrapper'у нельзя, ведь он используется и в других блоках>>
В каких блоках? Речь идет о бэм?

Answer 3

[Шохрух Шаймардонов]

Дополню предыдущие ответы. С пояалением 5 стандарта, это стало плохим тонйом. Даже в
стандартах w3 говорится об этом

Comments

[Grigory S.]

Бред.