Это полезно для #container, #Wrapper в каждом макете CSS?

Question

Полезно ли добавлять целый код в #container, #Wrapper в каждом макете CSS? Разве мы не можем сделать макет без этого дополнительного div? Каковы плюсы и минусы, чтобы использовать этот дополнительный div?

Это хорошая практика? Это полезно для любого типа дизайна / макета? Это семантически правильно?

Answer 1

Полезно ли добавлять целый код в #container, #Wrapper в каждый макет CSS?

Это не понадобится в каждой компоновке, если только каждая компоновка не является одинаковой, и только в том случае, если для них требуется оболочка / контейнер.

Разве мы не можем сделать макет без этого дополнительного div?

Да, иногда можно обойтись без дополнительной оболочки div.

Какие плюсы и минусы использовать этот дополнительный div?

Это полностью зависит от вашего макета. Часто с фиксированной шириной по центру, обертка имеет смысл. Вы также можете стилизовать тег body, но тогда наложения и другие элементы могут выглядеть иначе или не полностью заполнять экран в зависимости от их реализации.

Это хорошая практика?

Да, но только если макет требует этого.

Это полезно для любого типа дизайна / макета?

Обычно это полезно, когда вам нужно сделать фиксированную ширину по центру. Не уверен в других случаях, когда это полезно.

Это семантически правильно?

Не совсем так, как body действительно очень хорош container или wrapper, поэтому добавление еще одного является излишним. Тем не менее, это неизбежное зло во многих проектах, в зависимости от необходимой поддержки браузера или необходимого макета. Используйте его, не беспокоясь, если это имеет смысл для вашего проекта и макета.

Answer 2

Размещение контейнера div по всей странице может быть полезно в определенных ситуациях, например, если вы хотите отцентрировать все, вы можете просто поставить margin: 0 auto; на контейнерный блок и все готово. При этом, это, безусловно, не требуется и не полезно для каждого типа макета.

Что касается семантической корректности, конечно, иметь div в качестве единственного прямого потомка body абсолютно нормально. Тег div сам по себе не имеет никакого семантического значения, причина, по которой он был введен, заключалась в том, чтобы иметь возможность создавать макет без использования семантических тегов.

Answer 3

Если у вас есть

STUFF

, то, конечно, вы можете упростить. Возможно, попробуйте изменить id на класс, как в

, затем в вашем стиле измените #container на .container и #Wrapper на .Wrapper.

Если это все еще работает, вы можете удалить внутренний div, комбинируя стиль. Если это слишком сложно (слишком много стиля для редактирования), вы можете просто объединить классы в один div:

STUFF

.