L'uso di div per formattare un layout di pagina

April 24

L'uso di div per formattare un layout di pagina


Ci sono due scelte comuni quando si strutturano contenuto della pagina web: tabelle o DIV. Un elemento DIV crea semplicemente un blocco su una pagina; l'eleganza in uso deriva dalla modifica e styling l'elemento con i CSS. Mentre layout progettati utilizzando DIV possono incorrere in problemi simili come layout progettati con tavoli, div sono generalmente considerati la scelta di design superiore.

Flessibilità

strati DIV offrono una maggiore flessibilità in una pagina. Utilizzando i CSS è possibile modificare ogni aspetto visivo di un elemento DIV, e modificare ogni elemento singolarmente l'uno dall'altro. Non c'è nessuna struttura intrinseca di un div, che li rende facili da ridimensionare, spostare e la posizione. Hanno tavoli in gran parte soppiantato per questo motivo; Al contrario tabelle sono molto rigidamente strutturati e il codice-pesante. Mentre la struttura delle tabelle è ciò che li rende così popolare nel design, DIV possibile replicare lo stesso stile di griglia senza l'ingombro di layout di tabella.

SEO

In termini di ottimizzazione dei motori di ricerca, gli strati DIV hanno un leggero vantaggio. elementi DIV sono posizionati utilizzando i CSS, piuttosto che il posizionamento sequenziale all'interno del codice sulla tua pagina. Nel codice è possibile inserire il contenuto di ricerca-friendly nella parte superiore di una pagina, senza ostacoli da altri codifica; si può prendere il meno contenuti SEO-friendly, come la navigazione, e posizionarlo sul fondo. Posizionando il contenuto ricercabile superiore della pagina rende il vostro sito più facili da trovare per i bot dei motori di ricerca.

La complessità e la dimensione del file

Creazione di un layout utilizzando le tabelle crea codice più disordinato - a volte tanto quanto il doppio del codice necessario per i layout DIV. Usando le tabelle rende l'aggiornamento e la modifica la pagina più complessa e introduce maggiori opportunità per errori di per errori di battitura e gli errori di sintassi. Il risultato di elementi DIV è che non solo fanno la pagina più facile da gestire e richiedono più semplice HTML, ma rendono anche file più piccoli a causa della mancanza di HTML. Questo aiuta a garantire che le pagine caricare più velocemente.

Potenziali problemi

Mentre elementi DIV possono aiutare i progettisti nella creazione di sito web più efficiente, l'uso eccessivo di div può portare lo stesso tipo di codice gonfio che le tabelle soffrono. L'uso di strati DIV è più adatto per elementi strutturali in una pagina; nidificazione elementi DIV per stile o modificare il testo in cui altri tag potrebbero servire altrettanto bene crea gli stessi problemi che appaiono nei layout basati su tabelle. strati DIV possono anche essere più difficile da mettere a punto quando si inizia, e possono presentare in modo leggermente diverso in browser più vecchi o oscuri.