Formazione web: XHTML e CSS2

XHTML o HTML?

La maggior parte delle pagine web sono scritte in HTML. Gran parte della loro sintassi non è valida rispetto alle raccomandazioni del W3C, ma funziona ugualmente. XHTML non è obbligatorio quindi siamo liberi di scegliere se utilizzarlo o meno: tutti i browser in commercio sono in grado di interpretare HTML 4.

Codice pulito

Sembrerà strano ma con XHTML si torna alle origini. Infatti l’HTML era nato come linguaggio per definire la struttura di un documento e non la sua presentazione grafica. Insieme all’HTML c’era il CSS che sarebbe dovuto servire per curare la rappresentazione grafica della pagina web. Ma cos’è successo allora? Perché il CSS non è stato utilizzato ed invece l’HTML si è caricato di responsabilità estranee ai suoi compiti?

1996 W3C rilascia la versione stabile del CSS1

2000/2001 La maggior parte dei browser supporta il CSS1

Ci sono voluti 4 anni di attesa affinché tutti i browser supportassero il CSS1, perciò ci sono stati molti tentativi per risolvere l'incompatibilità dei browser, di conseguenza il codice HTML si è "sporcato", ovvero i web designer hanno dovuto inventare nuovi stratagemmi per la realizzazione grafica di un sito web.

Portabilità

La Portabilità è la capacità di un documento di essere fruito su diversi supporti: PC, Palmari, Web TV etc.. XHTML permette tutto ciò, sia perché il codice essendo pulito risulta più leggero in termini di memoria, ma soprattutto perché è possibile differenziare l’esperienza utente e fare documenti CSS in base al supporto sul quale verrà fruito il nostro documento.

Su un PC vedremo il layout standard
Su un cellulare visualizziamo un layout "ridotto" e adatto alle caratteristiche del supporto
Ciò che non cambia sono i contenuti

Sulla portabilità poggia l'enfasi con cui aziende del calibro di Nokia, Motorola, Ericsson o Siemens guardano ad XHTML.

Accessibilità

I documenti scritti in XHTML e validati sono naturalmente più accessibili. Quando un sito web è scritto utilizzando il codice XHTML è accessibile in quanto utilizza un codice standard, pulito, redatto in maniera lineare, diversamente dall'Html. Esistono dei browser per non udenti i quali leggono ciò che c'è sul monitor, quindi se il codice utilizzato non è standard non è neanche accessibile per questi browser particolari.

Ad esempio se inseriamo un'immagine nella nostra pagina web, come pensate che verrebbe letta da questi browser per non udenti i quali leggono solo il testo?... In HTML non era obbligatoro inserire un testo alternativo per le immagini, e quindi la pagina web non era accessibile. In XHTML al contrario quando si inserisce un'immagine è obbligatorio inserire un testo alternativo che indichi ciò che l'immagine raffigura, per cui il codice risulterà accessibile anche per i non vedenti, in quanto tali browser testuali leggeranno il testo alternativo. Per questi aspetti è obbligatoria la lettura delle linee guida per l'accessibilità del contenuto Web rilasciate dal W3C che tratteremo in un capitolo specifico del corso .