Divs sono uno dei più utili tag in HTML oggi, essenziale nel moderno Web design per creare un sito web attraente e funzionale. Perché sono così disponibile in molti aspetti, la questione potrebbe non essere quando utilizzare un tag div, ma quando non fare così.

Div e tabelle

Nei primi giorni di Internet, tavoli erano i progettisti di Web opzione soli avuti per organizzare i contenuti. L'introduzione del tag div made tavoli quasi obsoleto, ad eccezione di codifica le cose quali i grafici con più righe e colonne. Tabelle di prendere più tempo per caricare e sono a volte confuse da utilizzare. Divs offerto anche nuove opzioni di progettazione, consentendo agli sviluppatori di avere il controllo totale sopra l'apparenza dei loro siti Web.

Uso per la separazione

Separando il contenuto all'interno di una pagina è una delle funzioni più importanti di un tag div. In realtà, div stesso è breve per divisione. Immissione di ogni sezione di una pagina Web in un tag div denominato è il modo più semplice per organizzare il contenuto e mantenere elementi da in esecuzione in un altro. Per esempio, si potrebbe mettere l'intestazione all'interno di un tag div con l'attributo "id = intestazione" per tenerlo separato dal resto della pagina Web nel file di origine. Questo rende più semplice l'editing poiché non avrete bisogno di cacciare tutto codice di una pagina per trovare una determinata sezione.

Uso per il posizionamento

Quando è il momento di posizionare gli elementi nella pagina, tag div sono cruciali. Ci sono tre metodi comunemente utilizzati per organizzare gli elementi: assoluto, relativo e fisso. L'attributo assoluto posiziona il div ai pixel esatto che si definisce. Ad esempio, < div style = "position: absolute; left: 100px; top: 50px" > posizionerebbe il contenuto all'interno di questo div 100 pixel dal lato sinistro della finestra del browser e 50 pixel dalla parte superiore. L'attributo relativo posiziona il contenuto in base alla posizione del genitore div (è all'interno del div). L'attributo fisso posiziona il contesto secondo l'angolo superiore sinistro dello schermo. I contenuto rimane fissate sullo schermo, anche se si scorre verso il basso la pagina Web e il resto del contenuto si muove.

Uso per lo Styling

Progettazione e styling il tuo sito Web è più facile prendendo di mira divs quando si lavora con i CSS. Il codice CSS di solito si trova in un file separato che si chiama dalla tua pagina HTML Web usando il tag seguente: < link href="stylesheet.css" rel = "stylesheet" type = "text/css" >. Quando si modificano gli stili nel documento CSS, le modifiche si rifletteranno automaticamente in qualsiasi documento che lo chiama. Un div chiamato "contattare" su una sola pagina e uno chiamato "link" su un altro può essere personalizzato senza bisogno di modificare ogni sezione in ogni pagina.