Layout CSS vs Layout Tabella

Il dibattito tra i sostenitori di tabelle e quelli dei fogli di stile per il layout è ancora molto acceso. Ci sono molti argomenti validi da entrambe le parti, ma attualmente si può affermare quasi con certezza che l'ago della bilancia pende verso i fogli di stile. Vediamo brevemente alcuni aspetti di entrambe le soluzioni:

A favore delle tabelle
# Facilità di codifica:
# Alcuni layout sono molto più semplici da realizzare con le tabelle
# Non necessitano conoscenze particolari dei fogli di stile, basta l'html
# Robustezza su praticamente tutti i browsers, anche i più obsoleti
# Possibilità di creare facilmente layout anche con editor visuali
# Fanno funzionare i software WYSIWYG (ciò che vedi è ciò che ottieni).

Gli svantaggi delle tabelle
# Riducono l'accessibilità del sito.
# Impediscono di separare i contenuti dal modo in cui sono presentati
# Riducono, spesso impediscono, l'organizzazione strutturata dei contenuti.
# Codice confuso e ridondante.
# Notevole quanto inutile aumento del peso delle pagine.
# Minori possibilità grafiche.
# Un unico layout per tutti i dispositivi.
# Per ogni pagina è necessario ricreare il layout.
# Cambiare la grafica di un sito richiede spesso la totale ri-scrittura delle pagine, tutte.
# Abbandonare i disastrosi software WYSIWYG e continuare ad utilizzare le tabelle richiede uno sforzo davvero enorme.

Vantaggi dei layout basati sui css
# Accesso ai contenuti con qualsiasi dispositivo per la navigazione in Internet, anche per quelli non in grado di interpretare i CSS.separazione fra contenuti e grafica.
# Possibilità di organizzare il contenuto in sezioni e sottosezioni.
# Codice (X)HTML semplice e pulito, privo delle ridondanze imposte dalle tabelle.
# File più leggeri, più veloci da scaricare e interpretare da parte del browser.
# Possibilità di realizzare layout più complessi di quelli possibili con le tabelle.
# Associazione di diverse impostazioni del layout per i diversi dispositivi come monitor, PDA,
stampanti.
# Maggiore coerenza grafica fra le varie pagine di un sito.
# Possibilità di cambiare l'aspetto del sito, anche notevolmente, modificando solamente un file.
# Abbandono dei disastri compiuti dai software WYSIWYG, per approdare alla tecnica qui definita
WYCIWYG (What You Code Is What You Get: ciò che codifichi è ciò che otterrai) che è l'unica che
garantisce il totale controllo sul risultato finale.
# le tabelle servono per dati tabellari, non per creare layout.

# i fogli di stile garantiscono una migliore separazione tra contenuti e presentazione e quindi:
° alleggerimento del codice html
° aumento della velocità di caricamento
° minori spese per la banda
° restyling e modifiche di layout sono molto più semplici per un sito ben strutturato
° l'uso delle tabelle determina con forza l'ordine del codice html
° i fogli di stile aiutano a mantenere la consistenza di un intero sito web
° fare siti attenenti agli standard e con layout table-less, anche se più difficile, attualmente garantisce la competenza e la competitività di un professionista

# migliore accessibilità e visibilità verso media alternativi: palmari, cellulari, screen readers, text browsers e stampanti

Gli svantaggi dei CSS
# I browser più datati hanno una non corretta interpretazione dei CSS, ciò richiede un minimo d'accortezza al momento delle progettazione. Punto.

Concludendo
Progettare con i CSS, realizzando pagine standard (magari in XHTML) significa progettare per il futuro, senza però trascurare il passato: una pagina (X)HTML standard + CSS standard è accessibile con tutti i dispositivi per la navigazione nel web. Certo, i browser più datati richiederanno CSS specifici, magari più semplici, ma ottenere la stessa grafica su tutti i dispositivi/browser non è possibile e neppure utile. Un sito indipendente dal browser è quello in grado di presentare correttamente i contenuti su tutti i browser.