December 21
elementi HTML div consentono agli sviluppatori di dividere una pagina Web in sezioni. L'elemento div non fornisce alcuna presentazione o comportamento specialista, ma semplicemente definisce una sezione di una struttura HTML grande. Per includere questi elementi in pagine Web, gli sviluppatori utilizzano tag div. Un elemento div in una pagina può contenere qualsiasi tipo di contenuto web tra cui testi e ai contenuti. L'elemento div può anche includere attributi opzionali come parte della sua struttura markup.
L'elemento div in HTML utilizza un tag di apertura, alcuni contenuti, quindi un tag di chiusura. Il seguente markup esempio illustra un semplice elemento div con un testo al suo interno:
<Div> Alcuni contenuto della pagina Web </ div>
Il contenuto del div è tutto ciò che appare tra i tag di apertura e di chiusura. In XHTML, i tag div devono contenere solo caratteri minuscoli. Se un elemento div non include sia tag di apertura e di chiusura, non è valido e può causare errori quando gli utenti navigano alla pagina.
L'elemento div non è progettato per contenere un determinato tipo di contenuto, quindi un div può definire sezioni di pagina per il testo, dati, immagini, video e altri elementi multimediali. Un elemento div può contenere anche altri elementi HTML al suo interno, tra gli altri elementi div. Lo scopo principale utilizzando un div è quello di creare una sezione di pagina ben definito. Gli sviluppatori utilizzano spesso div elementi per contribuire a implementare strutture di pagina e layout in combinazione con il codice Cascading Style Sheet.
In HTML, elementi div possono includere gli attributi. Gli attributi forniscono informazioni aggiuntive su un elemento e appaiono all'interno del tag dell'elemento di apertura. Il codice di esempio riportato di seguito illustra un div con un attributo ID:
<Div id = "content"> Contenuto della pagina </ div>
Questo attributo può contribuire a creare un layout di pagina se il codice CSS per il sito identifica, come segue:
contenuti {color: # 333333;}
attributi ID identificare gli elementi in modo univoco all'interno di una pagina Web, quindi lo stesso valore di attributo ID non devono apparire più di una volta all'interno della stessa pagina. Gli sviluppatori possono anche creare gruppi di elementi ai fini della loro styling in CSS utilizzando attributi di classe. L'elemento div può prendere un certo numero di attributi aggiuntivi, tra cui i listener di eventi specificano funzioni JavaScript da eseguire su interazione con l'utente.
elementi HTML div possono apparire all'interno di strutture di pagina nidificate. Il codice di esempio riportato di seguito illustra tra cui un elemento di immagine all'interno di un elemento div:
<Div> <img alt = "cat" /> </ div>
Un div può anche includere elementi bambino div in esso, nel qual caso il div circostante è l'elemento principale. La seguente sintassi mostra elementi div annidati:
<Div class = "al di fuori">
<Div class = "dentro"> Alcuni contenuti all'interno </ div>
<Div class = "dentro"> Alcuni contenuti più dentro </ div>
</ Div>
strutture annidate sono comuni in HTML, ma può causare agli sviluppatori di fare errori nel loro codice di markup, che possono influenzare negativamente l'aspetto di una pagina nel browser. Convalida pagine Web può aiutare a risolvere questi errori.