home page con xhtml strict

Lezione 1 - perchè xhtml strict?

Motivi per una scelta

La proposta di utilizzare il linguaggio xhtml strict per costruire siti accessibili risponde ad una serie di considerazioni:

• xhtml strict permette una più rigorosa separazione tra contenuto e presentazione, delegando al foglio di stile l'inserimento di tutta una serie di attributi (es. il bordo di una tabella o di un'immagine; il colore del testo o dello sfondo;...). In questo modo si ottiene un documento html molto più leggero e semplice da leggere
• la separazione tra contenuto e presentazione facilita le operazioni di modifica stilistica: operando su pochi file (i Fogli di Stile) le modifiche saranno applicate a tutti i file html del sito
• la modularità dell'xhtml favorisce l'accessibilià dei contenuti a prescindere dai dispositivi utilizzati (pc, telefonini, palmari,...)
• l'estensibilità dell'xhtml permette la sua aggiornabilità automatica , grazie alla definizione del Tipo di Documento (DTD) utilizzata, a prescindere dalla versione del browser
• questa soluzione ha inoltre il pregio di predisporre le pagine di un sito a quella finale di un documento universale XML: molto piu' rigoroso, semplice ed efficace rispetto a qualsiasi versione di HTML

La definizione del Tipo di Documento

Al fine di ottenere documenti xhtml validi, è necessario definire il Tipo di Documento (DTD) inserendo due righe di codice in testa al documento stesso.

Nel caso di utilizzi xhtml strict, si dovrà scrivere

Inserire la dichiarazione del DTD non risponde solo all'esigenza di rendere valida la pagina secondo gli standard del W3C, quasi come se fosse una semplice volontà di "purismo" nel codice.

La DTD infatti ha una duplice funzione. Serve:

• a validare la pagine secondo le specifiche del W3C
• a indicare ai browser con quale modalità renderizzare (visualizzare) la pagina.

I browser più recenti (di quinta generazione), infatti, in questo modo riconoscono che la pagina va visualizzata con una modalità standard "riveduta e corretta", più conforme alle specifiche W3C (è il cosidetto doctype switching; per chi volesse approfondire l'argomento: http://www.web-garbage.com/dtd.php).

Non inserendo la DTD insomma si potrebbe incorrere in differenze di visualizzazione di alcuni elementi della pagina.

Alcune caratteristiche di xhtml

I documenti devono essere ben formati; ad esempio, tutti gli elementi devono essere correttamente annidati

• Tutti gli elementi e i nomi degli attributi devono essere scritti in lettere minuscole
• Tutti gli elementi non vuoti richiedono il tag di chiusura (sia per i 'tag doppi': <p>...</p> sia per i 'tag singoli': <br />)
• I valori degli attributi devono sempre essere compresi fra doppi apici (esempio <div id="top">
• Per identificare frammenti di informazione, si deve usare l'attributo 'id' al posto dell'attributo 'name' (es. nei collegamenti interni di un documento, utilizza <a id="...">, oppure <a name "..." id="..."> al posto di <a name="...">.

Risorse internet

• la sezione ufficiale del W3C dedicata all'xhtml strict, in lingua inglese
• la sezione del W3C dedicata all'xhtml strict, tradotta in lingua italiana
• www.constile.org, con tanti riferimenti, consigli e tutorial sull'impaginazione con i Fogli di Stile
• www.diodati.org, accessibilità e traduzioni dal W3C, con guide commentate, forum dedicati e tanto altro
• www.webaccessibile.org, punto di riferimento nazionale sulle tematiche dell'accessibilità e autorevole lista di discussione sul tema
• la guida Fogli di Stile per il sito scolastico del nostro Demetrio, a cui puoi fare riferimento quando troverai affermazioni date per scontate che scontate non sono.

lezione precedente - sommario - lezione successiva