CSS Langue Parler: Conteneur vs Wrapper?

Question

Quelle est la différence entre le conteneur et le wrapper? Et que veut dire chacun?

Answer 1

Il n'y a pas de différence entre eux.

Il est juste ce que vous aimez appeler le <div> que, souvent, contient tout le contenu d'une page

Answer 2

Il peut y avoir une différence, si vous choisissez de Give'em un. En fait, il est logique d'avoir deux noms pour un conteneur/wrapper, car ils ont des fonctions différentes:

1) l'enveloppe standard à laquelle nous pensons a une largeur de 960px ou 60em et centre son contenu sur l'écran (marge : auto)

2) il y a une autre enveloppe - celle qui est dans certains cas nécessaire pour mettre en place un pied collant. imo le pied collant avec le meilleur support de navigateur (pas js et au moins tout à fait propre) est celui-ci: http://ryanfait.com/sticky-footer/

apropos collant: coller à des conventions de nommage existantes, j'aime celui d'apppie, qui distingue clairement wrap 1 (appelé conteneur) et wrap 2 (appelé wrapper). voir: http://www.apppie.org/pages/approach/naming.html

il pourrait y avoir d'autres conventions. comme dit, que vous distinguez a du sens - comment ça dépend de vous.

Answer 3

Selon this réponse:

Dans les langages de programmation, le mot contenant est généralement utilisé pour structures qui peuvent contenir plus d'un élément.

Un wrapper est à la place quelque chose qui entoure un seul objet pour lui fournir plus de fonctionnalités et d'interfaces.

Cette définition correspond à sens des mots et il est utile pour les structures HTML comme:

<ul class="items-container"> 
    <li class="item-wrapper"> 
     <div class="item">...</div> 
    </li> 
    <li class="item-wrapper"> 
     <div class="item">...</div> 
    </li> 
    <li class="item-wrapper"> 
     <div class="item">...</div> 
    </li> 
    <li class="item-wrapper"> 
     <div class="item">...</div> 
    </li> 
    <li class="item-wrapper"> 
     <div class="item">...</div> 
    </li> 
</ul>