Tag "div" HTML definiscono il contenuto delle pagine Web. Utilizzando elementi "div", gli sviluppatori Web possono implementare modelli di pagina, creazione di contenuto strutturato per gli utenti del sito Web di visualizzare e interagire con. Il codice HTML per un tag "div" è in genere semplice. Come è il caso per la maggior parte degli elementi HTML, un "div" comporta un tag di apertura, un tag di chiusura e fra di essi. Gli elementi HTML "div" possono includere anche un numero di attributi facoltativi per la designazione e l'interattività.

Tag dell'elemento

L'elemento "div" viene visualizzato all'interno di pagine Web utilizzando la seguente struttura di codice di markup:

< div > qui è il contenuto < / div >

Questa è la forma più semplice dell'elemento "div", ma il markup può anche includere attributi elencati nel tag di apertura e altri elementi HTML all'interno dell'area del contenuto. Un "div" è una divisione logica del contenuto per una pagina Web, quindi gli sviluppatori utilizzano spesso questi elementi per definire le sezioni distinte all'interno di una pagina, ad esempio intestazioni, piè di pagina, menu e aree di contenuto.

Contenuto

Pagine HTML Web possono includere molti tipi di contenuti, inclusi testi, immagini e altri media. Qualsiasi tipo di contenuto può essere visualizzato all'interno di un elemento "div". Il contenuto di un "div" è qualunque cosa appare tra l'apertura e il tag di chiusura, che a sua volta può includere ulteriori elementi figlio. Il seguente codice di esempio viene illustrato un elemento "div" con altri elementi HTML nidificato al suo interno, tra cui un altro elemento di "div":

< div class = "picholder" >

< img alt = "immagine" / >

< div class = "caption" > Ecco una didascalia per la foto < / div >

< / div >

Il genitore "div" contiene un elemento di immagine e un secondo "div" con del testo relazionati all'immagine in esso.

CSS

Gli sviluppatori utilizzano il codice CSS (Cascading Style Sheet) per dettare il layout e la presentazione di contenuto della pagina Web. Le dichiarazioni CSS possono applicare regole di stile a tutti gli elementi "div" in una pagina come segue:

div # {

Dimensione carattere: grande;

}

In alternativa, gli elementi "div" possono includere classe e gli attributi ID, consentendo il codice CSS identificare determinati elementi o gruppi di elementi per lo styling. Il seguente codice di markup HTML di esempio sono elencati il tag di apertura per un elemento "div" con un attributo ID:

< div id = "footer" >

Il codice CSS può identificare questo elemento in modo univoco come segue:

piè di pagina () {

Color: #333333;

}

Il seguente codice HTML elenca un elemento "div" con un attributo di classe, il che significa che è uno di un gruppo di elementi di tale classe all'interno della pagina:

< div class = "description" >

Codice CSS può stile "div" elementi di una classe particolare come segue:

div.Description () {

font-size: small;

}

Attributi facoltativi

Tutti gli elementi HTML possono includere un numero di attributi facoltativi. Gli elementi di "div" in una pagina Web possono includere attributi implementare effetti interattivi, dettando le funzioni JavaScript per il browser eseguire quando l'utente interagisce con gli elementi utilizzando il mouse. Il seguente codice di markup HTML di esempio viene illustrato allegare una funzione listener mouse a un elemento "div":

< div onmouseover="isOverElement()" >

Questo codice determinerà una funzione JavaScript denominata "isOverElement" da eseguire. In molti casi, tali funzioni sono accompagnate da codici complementari per quando l'utente sposta il mouse fuori l'elemento. Gli sviluppatori possono anche associare funzioni per l'utente facendo clic su elementi "div".