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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
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
lezione precedente - sommario - lezione successiva