In questo articolo tratteremo del validatore online CSS messo a disposizione dal W3C e scopriremo come validare con successo i nostri file CSS anche personalizzando l’URL da inviare al validatore.
Il validatore e la sintassi CSS
Il validatore CSS del W3C per impostazione predefinita valida i nostri file CSS rispetto alle specifiche CSS 2.1. Ciò significa che:
- le estensioni specifiche dei browser (come per esempio
-moz-border-radius) non sono valide (questo vale sempre anche per altre specifiche) - le proprietà CSS3 e i selettori CSS3 (come per esempio
border-radiuse:last-child) non sono validi, anche se nel caso dei selettori spesso il validatore non lo rileva grazie alla retrocompatibilità delle specifiche CSS3 - i valori dei colori o quelli di altre proprietà devono conformarsi alle specifiche CSS 2.1; ciò significa che i valori RGBA e quelli nominali diversi da quelli predefiniti non sono validi.
Da tutto ciò emerge come per ottenere il massimo dal validatore del W3C occorra usare degli URL personalizzati al fine di poter evitare le restrizioni poc’anzi citate.
Gli URL del validatore
Gli URL del validatore hanno tutti questa forma:
http://jigsaw.w3.org/css-validator/validator/parametri
Dove parametri è una lista di uno o più coppie di parole chiave / valori elencate dal W3C all’indirizzo http://jigsaw.w3.org/css-validator/manual.html#requestformat. Facciamo un esempio. Si supponga che io voglia validare il mio foglio di stile rispetto alle specifiche CSS3. Posso quindi usare la parola chiave profile unita al valore css3 nel mio URL:
http://jigsaw.w3.org/css-validator/validator/?uri=http://www.tuosito.it/&profile=css3
Come si può notare, la parola chiave che dovrà sempre essere presente è uri seguita dal valore di riferimento (un URL del vostro sito). A seguire usiamo un’ & come separatore convenzionale e aggiungiamo la parola chiave profile col valore css3. In questo modo il validatore userà le specifiche CSS3 come riferimento.