August 19
Div sono uno dei tag più utili in HTML oggi, essenziale nel design moderno Web per creare un sito web attraente e funzionale. Perché sono così utili in tanti aspetti, la questione potrebbe non essere quando utilizzare un tag div, ma quando non farlo.
Nei primi giorni di Internet, tavoli erano gli unici web designer opzione avevano per organizzare i contenuti. L'introduzione dei tag div fatta tabelle quasi obsoleto, fatta eccezione per la codifica cose come tabelle con più righe e colonne. Le tabelle richiedono più tempo per caricare e sono a volte confuse da usare. Div anche offerto nuove opzioni di progettazione, consentendo agli sviluppatori di avere il controllo totale su l'aspetto dei loro siti web.
Separare il contenuto all'interno di una pagina è una delle più importanti funzioni di un tag div. Infatti, Div sé è l'abbreviazione di divisione. Posizionamento di ogni sezione di una pagina Web in una propria etichetta chiamata div è il modo più semplice per organizzare i contenuti e mantenere gli elementi di correre l'uno nell'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 l'editing più semplice, dato che non sarà necessario andare a caccia attraverso tutto il codice di una pagina per trovare una determinata sezione.
Quando è il momento di posizionare gli elementi della pagina, tag div sono cruciali. Ci sono tre modi comunemente usati per organizzare gli elementi: assoluti, relativi e fissi. L'attributo assoluto posiziona il div ai pixel esatte definiti. Ad esempio, <div style = "position: absolute; sinistra: 100px; top: 50px"> sarebbe posizionare il contenuto all'interno di questo div 100 pixel dal lato sinistro della finestra del browser e 50 pixel dall'alto. L'attributo relativo posiziona il contenuto in base alla posizione del div (div è all'interno). L'attributo fisso posiziona il contesto secondo l'angolo in alto a sinistra dello schermo. Il contenuto rimane fisso sullo schermo, anche se si scorre la pagina Web e il resto delle mosse di contenuti.
La progettazione e lo styling il vostro sito è più facile di mira div quando si lavora con i CSS. Il codice CSS si trova di solito in un file separato che si chiama dalla pagina Web HTML usando il seguente tag: <link href = "stylesheet.css" rel = "stylesheet" type = "text / css">. Quando si modificano gli stili nel documento CSS, le modifiche verranno automaticamente riflesse in ogni documento che lo chiama. Un div chiamato "contatto" a una pagina e uno chiamato "link" a un altro può essere personalizzato senza dover modificare ogni sezione su ogni pagina.