Metodi per la DIV Elementi

September 29

Metodi per la DIV Elementi


Gli sviluppatori web sono stati a lungo in grado di personalizzare e organizzare i contenuti attraverso la gestione noioso di cornici, tavoli e pesanti Javascript. Gli stessi posizionamento e organizzative benefici possono essere ottenuti attraverso l'uso di una divisione (o "DIV") senza il fastidio di vecchi metodi. Ci sono diversi metodi per l'utilizzo di elementi DIV utilizzati per creare siti web professionali con una manutenzione meno doloroso.

Posizionamento

Durante la creazione di un sito web, gli sviluppatori vogliono assicurarsi che tutto il contenuto viene visualizzato nella posizione appropriata per ogni utente, dando l'uniformità sito e professionalità. Le divisioni sono in grado di essere posizionato in modo assoluto, cioè se si desidera un'immagine da visualizzare 75 pixel dalla parte superiore della pagina e 150 pixel da sinistra della pagina, cioè dove apparirà non importa quale browser è utilizzato per visualizzare il sito . Facendo uso di posizionamento assoluto permette ad ogni singolo elemento da posizionare perfettamente. Vedere il primo anello della sezione Risorse per informazioni sull'utilizzo posizionamento assoluto.

montatura

Grazie alla loro capacità di mantenere una posizione assoluta, molti sviluppatori utilizzano elementi DIV al posto di frameset HTML tradizionali. Al posto di un telaio orizzontale ad esempio un'intestazione, un DIV con un'altezza set e una larghezza di 100% è creato; per telai verticali, viene utilizzata una larghezza e un'altezza set 100%. La distanza dalla parte superiore o inferiore e sinistra o destra viene quindi impostato a zero, per cui la DIV appare dove un telaio tradizionale sarebbe. Questo metodo è preferibile, come fotogrammi sono deprecati e, secondo W3, potrebbero non essere più supportati nelle future versioni di HTML a causa della sua incapacità di stampare correttamente i frame o creare segnalibri corretti per gli utenti.

tabelle

Un altro elemento in grado di essere sostituito da un DIV è la tabella. Le tabelle sono stati tradizionalmente utilizzati per l'organizzazione, il posizionamento e l'allineamento dei contenuti. Questo richiede spesso la creazione di molte tabelle nidificate e la gestione di più righe e colonne, e una modifica di progettazione richiede spesso alterando l'intera tabella. DIV, invece, consentono agli sviluppatori di allineare ogni lato specificato di oggetti fino al pixel, senza preoccupazione per il margine, padding o allineamento delle celle. Divisioni possono anche essere annidati - analogamente alle tabelle - per consentire il posizionamento relativo basato sul DIV genitore. Ciò assicura che ogni browser mostra il contenuto correttamente e permette di risparmiare molto tempo durante lo sviluppo.

Galleggiante

Durante la creazione di contenuti per il tuo sito web, è possibile trovare la necessità di posizionare l'immagine, pubblicità o altri contenuti da una parte o l'altra del testo. Invece di posizionare il DIV assolutamente o avere testo appare dietro la divisione, la proprietà "float" può essere utilizzato. Creazione di un DIV e costringendolo a stare a galla a sinistra oa destra verrà automaticamente posizionarlo verso l'estrema destra del sito o del DIV che contiene e dire testo e altri contenuti per avvolgere intorno ad esso invece di scorrere sotto o sopra di esso. Ciò permette la flessibilità per le future modifiche alla pagina e elimina la necessità di utilizzare le proprietà z-index con il DIV. Vedere il secondo link nella sezione Risorse per informazioni sull'utilizzo della proprietà float.

Posizionamento Browser

Alcuni siti web ora fanno uso di uno spazio di contenuti, che sembra seguire lo scorrimento verso il basso o bastoni per una posizione specifica sullo schermo senza modificare il contenuto di sotto di essa. Molti siti utilizzano complesso Javascript per fare questo, ma lo stesso effetto può essere la creazione utilizzando il posizionamento del browser finestra relativa. L'attributo posizione di "fisso" permette di impostare una distanza da tutti i due lati della finestra del browser e forzare il contenuto del DIV ad apparire in quella posizione. A differenza di posizionamento assoluto, DIV posizione fissa rimarranno nella stessa posizione sullo schermo quando i rotoli spettatore. Questo è utile per gli elementi necessari per apparire nella pagina in ogni momento. Vedere il primo anello della sezione Risorse per informazioni sull'utilizzo posizione fissa.


Articoli Correlati