I Hacks CSS sono trucchetti per fare in modo che una dichiarazione di stile CSS agisca in modo differente a seconda del browser utilizzato. Nella categoria dei Hacks CSS vengono incluse molte tecniche, spesso poco ortodosse, per conciliare le diverse interpretazioni di CSS che ne fanno ii vari browsers.
Gli Hacks CSS nascono perche' molti browsers interpretano in modo differente lo stesso stile CSS. QUindii programmatori e disegnatori, che hanno il bisogno di fare pagine che si mostrino nello stesso modo indipendentemente dal browser, devono utilizzare codici e trucchi complessi per fare in modo che la pagina si visualizzi nello stesso modo in browsers differenti.
Il fatto e' che dovrebbe esserci una sola interpretazione degli standard CSS, pero' dato che ogni browser conduce una guerra per conto suo contro tutti gli altri, alla fine succede che chi deve lavorare di piu' in modo che tutto risulti perfetto sono proprio i webmasters,
Gli Hacks CSS molte volte giocano con differenti interpretazioni di errori di sintassi, commessi appositamente nel codice CSS. Per questo conviene evitarli o utilizzarli con molta prudenza.
Hacks CSS e i commenti di due barre (//)
In questo tutorial mostreremo un esempio pratico su come funzionano i Hacks CSS, con un caso tipico che utilizza i commenti formati da due barre (//), che non sono trattati come commenti in Inetrnet Explorer.
In altre parole, come succede con altri linguaggi di programmazione, se una linea di codice inizia con due barre, significa che e' un commento e non deve essere eseguita. In CSS i commenti si devono fare in questo modo:
/* questo e' un commento */
Pero' anche Firefox interpreta i commenti che utilizzano le due //
// questo e' un commento
Internet Explorer semplicemente ignora le due barre ed interpreta la linea come se fosse un codice normale.
Per esempio guardiamo questo codice:
h1{ font-size: 12px; color: #009900; //font-size: 16px; //color: #000099; }
In questo esempio abbiamo definito un paio di stili per il tag H1. I primi due sono font-size: 12px e color:#009900. Tutti i browsers leggeranno questo due stili.
Pero' dopo ci sono altri due stili, che in realta' sono gli stessi di prima, che iniziano con due barre. FIrefox e Opera, che interpretano le barre come commenti, non leggeranno gli stili. Internet Explorer, che non interpreta le due barre come commenti, leggera' questi ultimi due stili.
Quindi, il risultato finale sara':
- Tutti i browsers mostreranno H1 con dimensione font d 12px e colore verde.
- Internet Explorer mostrera' H1 con dimensione font di 16px e colore azzurro, dato che non interpreta le barre come se fossero commenti.
Conclusioni sugli Hacks CSS
Molti webmasters utilizzano gli Hacks CSS. Ci sono vari tipi di Hacks, con tecniche piu' o meno conflittive o ortodosse. Non dovremmo abusarne, pero' in alcuni casi non c'e' altra soluzione per fare in modo che una pagina si veda nello stesso modo nei browsers piu' comuni.
|