Est-il utile de #container, #wrapper dans chaque mise en page CSS?
-
19-09-2019 - |
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?
La solution
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.
Autres conseils
Si vous avez
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.
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.