Nei primi giorni di Internet, pagine Web misto contenuto e formattazione nello stesso documento. E ' stato un approccio diretto..--se meno elegante.... Pagine Web che aveva più pannelli di contenuto, ad esempio intestazioni, piè di pagina e intestazioni laterali, spesso utilizzato nelle tabelle per controllare il layout. Più recenti standard prescritto utilizzando div anziché le tabelle per controllare il layout, che ha permesso la formattazione essere pilotato. Lo ha fatto per caricamento più veloce e più pulito.....--contenuto.

Wrapper div definito

In Web-parla, un div è un elemento HTML, simile al tag di intestazione o paragrafo. La differenza è che div vengono utilizzati principalmente per "avvolgere" sezioni di contenuto, invece di essere dei contenuti stessi. Mentre qualsiasi div può essere un wrapper, nell'uso convenzionale, il div wrapper è uno che contiene tutti gli altri contenuti in una pagina, inclusi altri divs.

CSS per il salvataggio

Molte pagine Web moderne separare il contenuto dalla formattazione utilizzando fogli di stile CSS. File CSS ha dato codificatori la flessibilità necessaria per specificare gli elementi di formattazione come caratteri e sfondi indipendentemente dal contenuto. Ha anche dato loro la possibilità di avere un file CSS controllano la formattazione della potenzialmente ogni pagina del sito Web. Modificare un tipo di carattere è diventato semplice come l'aggiornamento di una singola riga nel foglio di stile.

Il wrapper

È possibile utilizzare un div per racchiudere il vostro menu di navigazione o intestazione. Il vantaggio di questo approccio è che è possibile assegnare un ID o una classe di wrapper, che consente di si quindi destinazione esso e il suo contenuto invocando il nome di ID o una classe nel foglio di stile CSS. Si può avvolgere gli elementi di navigazione, ad esempio, in un div e assegnargli la classe "menu". Quindi, nel tuo CSS, si può specificare gli attributi che si applicano solo al div "menu" e ignorare tutto il resto della pagina. Il codice HTML potrebbe essere come questo:

< div class = "menu" >
... qui va il contenuto del menu
< / div >

Quindi, nel tuo CSS, è possibile lo stile, come questo:

div.menu {... Qui va il codice CSS}