Lingua CSS Speak: Container vs Wrapper?

Question

Qual è la differenza tra container e wrapper? E cosa si intende per ciascuno?

Answer 1

Non c'è differenza tra di loro.

E 'solo quello che ti piace di chiamare la <div> che, spesso, contiene tutti i contenuti di una pagina

Answer 2

Non ci può essere una differenza, se si sceglie di give'em uno. In realtà ha senso avere due nomi per un contenitore/wrapper, in quanto hanno diverse funzioni:

1) l'involucro standard che pensiamo ha una larghezza di diciamo 960px o 60em e centra il suo contenuto sullo schermo (margine : auto)

2) c'è un altro involucro - quello che in alcuni casi è necessario per implementare un piè di pagina appiccicoso. imo il piè di pagina appiccicoso con il miglior supporto del browser (senza js e almeno abbastanza pulito) è questa: http://ryanfait.com/sticky-footer/

proposito appiccicoso: attenersi a convenzioni di denominazione esistente, mi piace quello di apppie, che distingue chiaramente tra involucro 1 (chiamato contenitore) e avvolgere 2 (chiamato wrapper). vedi: http://www.apppie.org/pages/approach/naming.html

potrebbero esserci altre convenzioni. come detto, che ti distingui ha senso - come sta a te.

Answer 3

Secondo this risposta:

Nei linguaggi di programmazione della parola contenitore è generalmente utilizzato per strutture che possono contenere più di un elemento.

A wrapper invece è qualcosa che avvolge un singolo oggetto per fornire più funzionalità e interfacce ad esso.

Questa definizione corrisponde con significato delle parole ed è utile per le strutture HTML come:

<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>