February 20
In entrambi HTML e CSS, "div" sta per la divisione o la sezione ed è scritto come il tag "<div>". Il "<div>" Layout usa la formattazione del blocco per lo stile della pagina web, più o meno allo stesso modo in cui le tabelle tradizionali. Tuttavia, la disposizione "<div>" definisce ciascuna delle sue sezioni, può essere un layout fisso o fluido, e dispone tag diversi attributi per definire ulteriormente il layout.
Il codice HTML tra il "<div"> inizio tag e "</ div>" tag di chiusura è racchiuso all'interno del blocco divisione, la creazione di un contenitore di contenuti. Questi blocchi contenitori di contenuto sono la struttura di base per un layout "<div>". Tabelle utilizzano righe e colonne per creare contenitori contenuti, ma non sono facili da cambiare o manipolare il layout "div". Il layout "<div>" si basa su singoli blocchi di contenuto, piuttosto che una struttura sovrapposta di righe e colonne.
Il layout "<div>" non fa uso di righe e colonne tradizionali all'interno di un grande tavolo. Piuttosto, il layout "<div>" utilizza il "#header", "#footer" e "#leftcol," "#rightcol," o "#content"> sezione tag di strutturare la pagina Web. Ognuno di questi tag sezione ha una propria larghezza, l'altezza, i margini, padding, colori di sfondo e colori dei collegamenti. Inoltre, ognuna di queste sezioni può essere dato un "id" di "intestazione", "piè di pagina", "colonna di sinistra" o "colonna di destra", quindi riposizionato all'interno del layout di pagina web. La disposizione è flessibile e adatto alle pagine web multi-colonna.
Un fisso "<div>" il layout rimane la stessa dimensione non importa quanto grande lo schermo del computer è, mentre un fluido "<div>" il layout espande e si contrae con le dimensioni dello schermo del computer. layout fissi utilizzano larghezze pixel fissi e altezze per ciascuna delle sezioni di contenuto. layout fluido può usare sia le percentuali per le dimensioni della sezione, o utilizzare il tag "galleggiare" galleggiare il layout a sinistra oa destra. Le larghezze percentuali e le altezze sono direttamente correlate alle dimensioni dello schermo del computer. Ad esempio, una larghezza di 80 per cento provoca la "<div>" layout per prendere 80 percento dello schermo del computer.
Diversi attributi di tag possono essere utilizzati con il "<div>" tag per modificare il layout. Il più comune è "align", che allinea la disposizione a sinistra oa destra. Altri attributi sono "classe", che definisce nome di classe di un elemento, il tag "id" che identifica un elemento di layout, il tag "stile" che specifica uno stile in linea, e "titolo", che fornisce un titolo di elemento di meta-informazioni e SEO (ottimizzazione del motore di ricerca).