differenza tra le varie dichiarazioni di stile

[iacoposk8]

ciao a tutti! mi spiegate a livello di w3c, accessibilità o altro se ci sono e quali sono le differenze nello scrivere un css in:
1) un foglio di stile .css e richiamato nell'head della pagina tramite <link href='stile.css' rel='stylesheet' type='text/css' media='screen'>
2) scrivere lo stile nell'head nei tag <style></style>
3) definire lo stile all'interno del body con <div style="stile">contenuto</div>

grazie

[Mich_]

Anzitutto prima di rispondere devo avvisarti che ci sono "scuole" diverse, per cui eventuali risposte sono sempre da prendere cum grano salis (= da rielaborare criticamente).

In un documento scritto in linguaggio XHTML Strict e` vietato inserire testo con sintassi diversa da text/html. Questo porta come conseguenza che sia gli stili che il JS vanno inseriti in file diversi.
In verita` il tag <style> e` possibile usarlo, ma il contenuto di esso non e` valido: se lo si usa e` quindi necessario racchiudere la sintassi CSS dentro commenti CDATA.

Per la pulizia di codice e` anche opportuno tenere separato contenuto da formattazione: questo da` un vantaggio anche al programmatore, che deve analizzare pochi elementi alla volta (e questo abbassa la probabilita` di inserire errori).

Per quanto riguarda le regole di accessibilita`, la pagina deve essere perfettamente usufruibile anche senza CSS (chiaramente in tal caso si perde l'estetica, ma e` necessario non perdere il contenuto, ne` i link contenuti)

Fatte queste premesse, ti posso acennare ad alcuni vantaggi e svantaggi delle varie formulazioni (sicuramente ne ho dimenticati alcuni - qualcun altro puo` integrare):

1. <link ...>
Vantaggi:
- pulizia del codice,
- compatibile con XHTML,
- separazione netta tra contenuto e formattazione
- un unico file CSS per piu` pagine formattate uguali (il browser non lo ricarica)
Svantaggi:
- occorre editare due file

2. <style ...>
Vantaggi:
- separazione contenuto/formattazione,
- un unico file da editare (comodo se la pagina e` breve)
Svantaggi:
- necessario inserire commenti CDATA

3. style="..."
Vantaggi:
- percezione immediata della formattazione di un elemento
- possibilita` di inserire formattazione da CMS che gestisce solo HTML (*1)
Svantaggi:
- formattazione mescolata al contenuto,
- rende i tag lunghi e molte volte su piu` righe (ne risente la pulizia del codice)


(*1) Puo` essere comodo per inserire una modifica al format di un elemento presente in molte pagine ma che in una in particolare deve avere un aspetto leggermente diverso. Pero` in tal caso si puo` anche inserire una classe supplementare, e formattare tale classe.

[iacoposk8]

quindi se son tutte pagine php, html comunque non sono XHTML qualunque metodo io utilizzi va sempre bene per l'accessibilità, perdo solo un pò di tempo a ricaricare lo stile se non è in un foglio a parte.
è giusto?
perchè devo fare un div variabile allora uso <div style="..."> nel php per poter essere dinamico

[Mich_]

quindi se son tutte pagine php, html comunque non sono XHTML qualunque metodo io utilizzi va sempre bene per l'accessibilità, perdo solo un pò di tempo a ricaricare lo stile se non è in un foglio a parte. è giusto? perchè devo fare un div variabile allora uso <div style="..."> nel php per poter essere dinamico

Il fatto che le pagine siano generate tramite PHP non cambia il problema, ne` la soluzione.
Il linguaggio (X)HTML della pagina e` determinato dalla dichiarazione DOCTYPE, e poi la sintassi deve adeguarvisi.

La sintassi la puoi controllare tramite i validatori (validatore HTML, validatore CSS), anche se non sempre controllano tutti i possibili scostamenti dalla DTD.

Per la legge italiana sull'accessibilita` (la 4/04, legge "Stanca"), devi usare una DTD strict; le WAI dicono di usare la codifica standard piu` recente.
Credo che la DTD migliore al giorno d'oggi sia XHTML 1.0 Strict, mentre tra un po' di tempo (un anno?) potrebbe essere HTML5 (che pero` adesso necessita di correzioni per IE6).

Comunque gli stili in linea non sono contrari a nessuna DTD; pero` conviene usarli il meno possibile, sia per non appesantire l'HTML e sia per semplificare il lavoro del browser (che in alcuni casi puo` essere il collo di bottiglia della visualizzazione Web).

[iacoposk8]

scusa la mia ignoranza ma cos'è DTD?

[Mich_]

DTD = Document Type Definition
Viene dichiarata nel tag DOCTYPE

[iacoposk8]

a ok! grazie! tutto chiaro!