I vantaggi di utilizzare tag div

December 4

I vantaggi di utilizzare tag div


Non li può riconoscere, ma tag div comparire su molti siti web che visitate ogni giorno. tag div sono parte integrante della moderna progettazione Web, e ci sono vantaggi ad usare quando la posa fuori documenti HTML. Anche se ci vuole un po 'di JavaScript per manipolare div, avete solo bisogno di competenze HTML di base per creare loro.

Definizione

Div sono contenitori che consistono di due tag HTML: "<div>" e "</ div>." Nulla tra questi tag entra a far parte del blocco div. Pensate ad un div ha un desktop pieno di diversi tipi di oggetti. In una pagina Web, un div può contenere immagini, menu e ogni altro elemento HTML che è possibile inserire in una pagina Web. È anche possibile aggiungere un div div a un altro per creare un effetto nidificato. Alcuni siti posto un div contenente il testo sopra un altro div contenente un'immagine per produrre effetti della bandiera. La capacità di un div per gli oggetti di gruppo consente di creare layout complessi che sarebbe difficile da costruire senza l'utilizzo di contenitori div.

Posizionamento

Dopo il raggruppamento elementi all'interno di un div, è possibile spostare il div ovunque ti piace in una pagina Web. È sufficiente impostare l'attributo il posizionamento di un div di "assoluto", e impostare le proprietà superiore e sinistro alle coordinate dello schermo desiderata. Div anche rivelarsi utile quando è necessario creare intestazioni, piè di pagina e barre laterali. Compilare un div con gli elementi necessari per creare uno di questi elementi, e ancorare il div nella posizione appropriata sulla pagina. Perché div sono elementi di blocco HTML, ogni div si aggiunge a una pagina appare sotto il div precedente è stato inserito nella pagina.

Animazione

Creare effetti di animazione coinvolgenti impostando l'attributo posizione CSS di un tag div per assoluta. In questo modo è possibile modificare la posizione di un div utilizzando JavaScript. Posizionare la vostra immagine preferita all'interno del div per ottenere un'immagine animata che si muove intorno alla vostra pagina Web in un percorso che si definisce. funzione "setTimeout" di JavaScript rende questo possibile. Chiamare una funzione "setTimeout" che chiama ripetutamente una funzione di animazione, e le tue mosse div finché non si interrompe la funzione "setTimeout".

Visibilità

Una delle più importanti caratteristiche div è uno che non si vedono sempre. Div hanno un attributo di visualizzazione CSS. Gli sviluppatori utilizzano questo attributo potente per rendere gli elementi della pagina Web collasso e riapparire su richiesta. Potreste aver visto questo effetto quando si fa clic su un pulsante in una pagina Web, e un'immagine o un menu apparso improvvisamente. Il "blocco" e "none" valori di visualizzazione permettono di mostrare e nascondere un div.