1. Introduzione

Questo documento spiega in che modo e perché l'uso degli standard web vi permette di creare siti facendo risparmiare tempo e denaro a chi sviluppa e fornendo un'esperienza migliore a chi li visita. Vengono discussi anche altri metodi, linee guida e pratiche di progetto che aiutano a creare siti di alta qualità, il più possibile accessibili.

2. Storia

Quando, nella seconda metà degli anni '90, Internet e il Web diventarono fenomeni di massa, i produttori di browser non avevano ancora implementato i CSS (fogli di stile a cascata) al punto da utilizzarli per controllare la presentazione dei contenuti di un documento HTML. La mancanza è in parte comprensibile, se pensiamo che le specifiche per i CSS 1 furono pubblicate nel 1996 e quelle per i CSS 2 nel 1998.

La mancanza di supporto dei CSS nei browser, unita alle pretese dei grafici, abituati al livello di controllo sulla pagina dato dalla stampa, ha portato ad abusare in ogni modo dell'HTML per controllare la presentazione e l'aspetto delle pagine web. Un esempio è la grande breccia aperta quando i designer scoprirono che, usando l'attributo border="0" per nascondere i bordi delle tabelle, si creava una griglia invisibile da utilizzare per controllare il layout. Un altro esempio è l'uso delle GIF trasparenti, e quindi invisibili, per controllare i layout.

Dal momento che l'HTML non fu mai inteso come strumento di controllo della presentazione di un documento, si utilizzarono trucchi, codici non validi ed elementi (tag) proprietari. La validazione era qualcosa di conosciuto e usato da pochi. Zuppa di tag è forse l'espressione che meglio descrive quel codice.

Nel momento in cui furono rilasciate nuove versioni di browser, il supporto dei CSS venne migliorato ed esteso ma non fino al punto in cui avrebbe dovuto esserlo. Nonostante la lentezza dei produttori di browser a implementare i CSS, ormai siamo a un punto in cui i browser con un supporto ragionevole dei CSS vengono usati da un numero tale di persone per cui non ha più senso non usare l'HTML nel modo in cui era stato concepito in origine: per descrivere la struttura di un documento, e non la sua presentazione. Per quest'ultimo compito, adesso, possiamo usare i CSS, che sono stati concepiti proprio per questo scopo.

3. Standard Web

Cosa sono gli standard web?

Gli standard web sono tecnologie ideate e sviluppate dal W3C

e da altri organi normatori, che vengono utilizzate per creare e interpretare contenuti per il web. Queste tecnologie sono ideate per documenti pubblicati sul web in grado di resistere al tempo e accessibili al pubblico più vasto possibile.

Linguaggi strutturali

Linguaggi di presentazione

Modelli a oggetti

Linguaggi di programmazione

Questo documento si concentra su XHTML 1.0 Strict per la struttura dei documenti, CSS livello 1 e 2 per la presentazione, ed ECMAScript 262 per la programmazione (non che contenga molti esempi di programmazione).

Quando si dice che un documento è in linea con gli standard web, significa che a parte utilizzare le tecnologie appena nominate:

  • è scritto in HTML valido
  • usa i CSS invece delle tabelle per il layout
  • è ben strutturato e marcato semanticamente in modo logico
  • funziona su ogni browser

Notate che "funziona su ogni browser", non significa "ha lo stesso aspetto su ogni browser". Rendere un documento identico nell'aspetto sui vari browser è praticamente impossibile. Neanche usare soltanto immagini renderebbe un sito web identico ovunque. I documenti pubblicati sul web vengono visualizzati da un gran numero di dispositivi di navigazione, su molti sistemi operativi, con schermi di qualità e dimensioni diverse (o anche senza schermo), da utenti che potrebbero aver modificato le dimensioni base dei caratteri del loro browser e altre opzioni. Accettare tutto questo renderà la vostra vita molto meno frustrante. Chiunque crei dei siti web deve capire che ci sono dei prerequisiti tecnici da considerare, allo stesso modo in cui chi pubblica su carta o gira un film o lavora in televisione ha altri prerequisiti da considerare.

Perché usare gli standard web?

Alcuni sviluppatori e web designer hanno alcune perplessità nell'usare gli standard web. Argomenti tipici sono è troppo complicato, funziona anche senza e gli strumenti che uso creano codice non valido.

è semplice reagire emotivamente e creare delle resistenze ad apprendere cose nuove e abbandonare tecniche conosciute e confortevoli. Tuttavia, guardando alle cose con un po' di logica, si vedrà che ci sono molti benefici nell'apprendere e utilizzare gli standard web. Alcuni esempi:

  • Sviluppo e manutenzione più semplici Utilizzare HTML semantico e meglio strutturato rende più semplice e veloce capire il codice creato da qualcun altro.
  • Compatibilità con browser futuri: Quando utilizzate standard definiti e codice valido rendete le vostre pagine resistenti nel tempo riducendo il rischio che browser futuri non siano in grado di capire il codice che avete usato.
  • Download e visualizzazione delle pagine più veloci: Meno HTML significa file di dimensioni più contenute e download più veloci. I browser moderni visualizzano le pagine più velocemente quando sono standardizzate rispetto a quando sono elaborate in un codice compatibile con il passato.
  • Migliore accessibilità: L'HTML semantico, separando struttura e presentazione, rende più semplice l'interpretazione del contenuto per i lettori di schermo e i dispositivi alternativi di navigazione.
  • Migliori quotazioni sui motori di ricerca: La separazione di contenuto e presentazione fa in modo che il contenuto sia la parte più consistente della dimensione finale dei file. In aggiunta alla marcatura semantica, questo migliora le quotazioni sui motori di ricerca.
  • Adattamento più semplice: Un documento marcato semanticamente può essere facilmente adattato alla stampa e ai dispositivi di navigazione alternativi come i palmari e i cellulari, semplicemente collegandolo a un CSS diverso. è anche possibile fare cambiamenti alla presentazione dell'intero sito modificando un solo file.

Gli standard web possono far risparmiare tempo e denaro a chi crea siti, e fornire un'esperienza migliore a chi li visita. In più, rappresentano il futuro. Se ancora non li usate, è questo il momento di iniziare a farlo, o rischierete di restare indietro.