elementi HTML modellare gli elementi di contenuto all'interno di pagine Web. Utilizzando gli elementi, gli sviluppatori possono creare pagine con strutture logiche specifiche e le proprietà di presentazione. Il tag "div" è uno degli elementi più comuni nelle pagine Web. Un tag "div" rappresenta una sezione di una pagina e può contenere testo, dati, media o altri elementi, tra altri elementi nidificati "div". Utilizzando elementi "div", gli sviluppatori possono creare siti che siano coerenti per aspetto e suscettibili di sviluppo futuro.

Struttura

Le tecnologie coinvolte nella costruzione di un sito web di contenuti separato dalla formattazione. Gli elementi "div" in una pagina Web permettono agli sviluppatori di modellare ogni sezione elemento e pagina di contenuto, la creazione di una struttura logica per la pagina nel suo complesso. Il codice HTML markup seguente esempio illustra un elemento di "div" con ulteriori elementi annidati al suo interno:

<Div class = "esterno">

Ecco una parte di testo.

<Div class = "interna">

<Img alt = "un'immagine" />

Qui è più testo.

</ Div>

</ Div>

Quando gli sviluppatori web di creare inizialmente pagine, si può inserire il contenuto della pagina, con ogni sezione circondato da tag "div", permettendo loro di aggiungere più contenuti e lo stile del codice in modo incrementale.

HTML Varianti

Prima di XHTML, le versioni precedenti di markup HTML volte inclusi informazioni relative alla presentazione piuttosto che contenuti. XHTML mira a creare pagine in cui il contenuto e lo stile sono determinati in luoghi diversi all'interno del codice generale per una pagina web o un sito. Il tag "div" è un elemento importante in questo stile di sviluppo Web, perché l'elemento puramente è progettato per definire una sezione di una pagina, anziché applicare particolari proprietà aspetto ad esso. Ciò significa che gli elementi "div" possono aiutare gli sviluppatori a creare pagine che sono più alti di qualità e più affidabile tutti i browser web.

disposizione

Quando uno sviluppatore crea una pagina Web con una serie di elementi "div" in esso, lei può usare Cascading Style Sheet codice per determinare come queste sezioni di contenuti verranno visualizzati agli utenti la visualizzazione della pagina in un browser Web. CSS permette sviluppatori di applicare posizionamento e lay out proprietà agli elementi in una pagina, l'uno rispetto all'altro. Il seguente codice di esempio CSS impone che alcuni elementi dovrebbero essere galleggiare sulla stessa linea orizzontale come una dall'altra:

div.outer

{Width: 100%; }

div.inner

{Width: 400px; float: left; }

div.inner img

{Float: left; }

Quando viene applicato al contenuto HTML di esempio, tali dichiarazioni farà sì che il contenuto di apparire fianco a fianco, piuttosto che con interruzioni di riga tra gli elementi "div", che è il loro stile di default come elementi di blocco.

Stile

codice CSS può applicare varie proprietà di stile agli elementi "div" Oltre a determinare la loro disposizione all'interno della pagina. Utilizzando gli attributi class e id, gli sviluppatori possono creare stili simili in tutti i gruppi di elementi all'interno di un intero sito. Ad esempio, se un sito contiene un sacco di immagini con didascalie visualizzate accanto a loro e lo sviluppatore intende applicare le stesse proprietà di stile di queste sezioni voce, si può ottenere il risultato desiderato, ponendo ogni sezione del testo della didascalia all'interno di un elemento "div" con un particolare attributo di classe, come segue:

<Div class = "capitano"> Ecco il testo della didascalia. </ Div>

Il codice CSS può quindi identificare e lo stile queste sezioni per l'intero sito come segue:

div.capt {

font-size: small;

color: # 333333;

}