È utile #container, #Wrapper in ogni layout CSS?

Question

E 'utile aggiungere tutto il codice in #container, #Wrapper in ogni layout CSS? Non possiamo fare della struttura senza questo div extra? Quali sono i pro ei contro di utilizzare questo div in più?

E 'buona pratica? E 'utile per qualsiasi tipo di disegno / layout? È semanticamente corretto?

Answer 1

  

E 'utile aggiungere tutto il codice in #container, #Wrapper in ogni layout CSS?

Non sarebbe necessaria in tutti impaginazioni a meno che ogni disposizione era lo stesso, e solo se hanno bisogno di un involucro / contenitore.

  

Non possiamo fare della struttura senza questo div extra?

Sì, a volte è possibile fare a meno del div involucro supplementare.

  

Quali sono i pro ei contro di utilizzare questo extra div?

E 'del tutto dipende dal vostro layout. Spesso con un disegno a larghezza fissa centrato, un involucro rende più senso. È inoltre possibile lo stile del tag body, ma poi sovrappone e di altri elementi potrebbe avere un aspetto diverso o non totalmente riempire lo schermo a seconda della loro attuazione.

  

E 'buona pratica?

Sì, ma solo se il layout richiede.

  

E 'utile per qualsiasi tipo di disegno / layout?

Normalmente è utile quando è necessario fare una larghezza fissa, il layout centrato. Non sono sicuro di altri usi in cui è utile.

  

E 'semanticamente corretto?

Non proprio come il body è davvero una perfetta buona container o wrapper quindi l'aggiunta di un altro è ridondante. Tuttavia, è un male necessario in molti disegni a seconda del supporto del browser necessario o il layout che è necessario. Vai avanti e utilizzarlo senza preoccupazione se ha un senso per il vostro progetto e il layout.

Answer 2

Se hai

STUFF

, allora sicuramente è possibile semplificare. Forse provare a cambiare id in classe, come in

, quindi nel vostro stile cambiamento #container a .container, e #Wrapper a .Wrapper.

Se funziona ancora, è possibile rimuovere il div interno combinando lo stile. Se questo è troppo duro (troppo stile per modificare), si può semplicemente aderire classi in un unico div:.

STUFF

Mettere un div contenitore attorno all'intero pagina può essere utile in determinate situazioni, ad esempio se si desidera centrare tutto, si può semplicemente mettere margin: 0 auto; sul div contenitore e da fare. Detto questo, non è certamente necessaria né utile per tutti tipo di layout.

Per quanto riguarda la correttezza semantica, certo, avendo un div come l'unico figlio diretto di body è assolutamente a posto. Un tag div non ha alcun significato semantico in e su se stesso, il motivo è stato introdotto è stato quello di essere in grado di fare layout senza abusare tag semantici.

Answer 3

Mettere un div contenitore attorno all'intero pagina può essere utile in determinate situazioni, ad esempio se si desidera centrare tutto, si può semplicemente mettere margin: 0 auto; sul div contenitore e da fare. Detto questo, non è certamente necessaria né utile per tutti tipo di layout.

Per quanto riguarda la correttezza semantica, certo, avendo un div come l'unico figlio diretto di body è assolutamente a posto. Un tag div non ha alcun significato semantico in e su se stesso, il motivo è stato introdotto è stato quello di essere in grado di fare layout senza abusare tag semantici.