Est-il utile de #container, #wrapper dans chaque mise en page CSS?

Question

Est-il utile d'ajouter du code entier dans #container, #Wrapper dans chaque mise en page CSS? On ne peut pas faire la mise en page sans cette div supplémentaire? Quels sont les avantages et les inconvénients d'utiliser ce div supplémentaire?

Est-ce une bonne pratique? Est-il utile pour tout type de conception / mise en page? Est-il sémantiquement correct?

Answer 1

  

Est-il utile d'ajouter du code entier dans #container, #wrapper dans chaque mise en page CSS?

Il ne serait pas nécessaire dans tous mise en page à moins que chaque mise en page était le même, et seulement si elles ont besoin d'un emballage / conteneur.

  

On ne peut pas faire la mise en page sans cette div supplémentaire?

Oui, vous pouvez parfois passer de l'emballage supplémentaire div.

  

Quels sont les avantages et les inconvénients d'utiliser ce div supplémentaire?

Cela dépend entièrement de votre mise en page. Souvent, avec une conception centrée sur la largeur fixe, un emballage fait le plus de sens. Vous pouvez également le style de la balise body, mais des superpositions et d'autres éléments peuvent sembler différentes ou pas remplir totalement l'écran en fonction de leur mise en œuvre.

  

Est-ce une bonne pratique?

Oui, mais seulement si la mise en page exige.

  

est-il utile pour tout type de conception / mise en page?

Il est normalement utile lorsque vous devez faire une largeur fixe, mise en page centrée. Je ne sais pas d'autres utilisations où il est utile.

  

Est-il sémantiquement correct?

Pas vraiment comme body est vraiment une très bonne container ou wrapper afin d'ajouter un autre est redondant. Cependant, il est un mal nécessaire dans de nombreux modèles en fonction de support du navigateur nécessaire ou la mise en page qui est nécessaire. Allez-y et de l'utiliser sans se soucier s'il est logique pour votre projet et la mise en page.

Answer 2

Si vous avez

STUFF

, vous pouvez certainement simplifier. Peut-être essayer de changer id classe, comme dans

, puis dans votre style changement #container à .container et #wrapper à .Wrapper.

Si cela fonctionne encore, vous pouvez supprimer la div intérieure en combinant le style. Si c'est trop dur (style trop modifier), vous pouvez simplement participer à des cours en une seule div.

STUFF

Mettre un div conteneur autour de la page entière peut être utile dans certaines situations, par exemple si vous voulez tout centrer, vous pouvez simplement mettre margin: 0 auto; sur le conteneur div et être fait. Cela étant dit, il est certainement pas nécessaire ni utile pour tous type de mise en page.

Pour ce qui est correct sémantiquement, bien sûr, avoir un div comme le seul enfant direct de body est tout à fait correct. Une étiquette de div n'a pas de sens et sémantiquement sur elle-même, la raison, il a été introduit devait être en mesure de faire la mise en page sans abuser de balises sémantiques.

Answer 3

Mettre un div conteneur autour de la page entière peut être utile dans certaines situations, par exemple si vous voulez tout centrer, vous pouvez simplement mettre margin: 0 auto; sur le conteneur div et être fait. Cela étant dit, il est certainement pas nécessaire ni utile pour tous type de mise en page.

Pour ce qui est correct sémantiquement, bien sûr, avoir un div comme le seul enfant direct de body est tout à fait correct. Une étiquette de div n'a pas de sens et sémantiquement sur elle-même, la raison, il a été introduit devait être en mesure de faire la mise en page sans abuser de balises sémantiques.