Spesso creando un sito abbiamo bisogno di inserire alcune modifiche pensate esclusivamente per Internet Explorer ed oggi andremo a vedere come utilizzare i commenti condizionali per risolvere il problema.
Cosa sono e a cosa servono
I commenti condizionali sono delle righe di codice che vengono interpretate e lette solo ed esclusivamente dalla versione di Internet Explorer specificata.
In questo modo sarà possibile introdurre istruzioni con gli scopi più disparati, che possono variare dall’aggiungere accorgimenti per visualizzare correttamente un sito ad opzioni studiate appositamente per gli utenti di Internet Explorer.
Come funziona
Si può scegliere se specificare una determinata versione, se sceglierne più di una o addirittura escluderne una o più.
<!--[if IE 9]> <p>Stai usando Internet Explorer 9</p> <![endif]-->
In questo esempio verrà scritta la frase “Stai usando Internet Explorer 9″ solo ed esclusivamente su quel determinato browser. In tutti gli altri casi l’istruzione verrà semplicemente ignorata.
<!--[if !IE 9]> <p>Non stai usando Internet Explorer 9</p> <![endif]-->
In questo caso aver messo il ! davanti a IE 9 farà in modo che tutte le versioni, ad esclusione della 9, interpretino l’istruzione, mostrando la frase “Non stai usando Internet Explorer 9″.
<!--[if lt IE 9]> <p>Stai usando una versione precedente a Internet Explorer 9</p> <![endif]-->
Questa volta abbiamo inserito la condizione lt, che significa less than ovvero precedente a e pertanto su ogni browser di versione più vecchia della 9 verrà mostrata la frase “Stai usando una versione precedente a Internet Explorer 9″.
Tutte le condizioni
Ecco l’elenco completo di tutte le condizioni che abbiamo a nostra disposizione:
- ! = non è uguale a
- lt = precedente a
- lte = precedente o uguale a
- gt = successiva a
- gte = successiva o uguale a
Condizioni complesse
Grazie agli operatori & (and), | (or) e ! (not) è possibile creare istruzioni più complesse, come nell’esempio sottostante:
<!--[if (lte IE 8)&(!IE 6)]> <p>Stai usando una versione precedente o uguale a Internet Explorer 8, ma che non è Internet Explorer 6</p> <![endif]-->
In questo caso assai più complicato dei precedenti possiamo notare come le condizioni siano due:
- lte IE 8 = se sei inferiore o uguale a IE 8
- !IE 6 = se non sei IE 6
Pertanto tutti gli Internet Explorer dalla versione 8 a quelle più vecchie, ad eccezione di Internet Explorer 6, mostreranno la frase “Stai usando una versione precedente o uguale a Internet Explorer 8, ma che non è Internet Explorer 6″.
Dove utilizzare i commenti condizionali
Trattandosi di semplici istruzioni HTML, i commenti condizionali possono essere usati ovunque, sia nella HEAD, sia nel BODY e tornano particolarmente utili se si vuole associare un foglio di stile CSS ottimizzato, come nel seguente esempio:
<head> <!--[if IE]> <link rel="stylesheet" type="text/css" media="all" href="ie-style.css" /> <![endif]--> </head>
E’ importante tenere a mente che i commenti condizionali funzionano solo su Internet Explorer e non avranno effetti su altri tipi di browser.
Prossimamente vi spiegherò come usufruire di condizioni speciali anche per altri tipi di browser e sistemi operativi.
AGGIORNAMENTO:
Trovate l’articolo qui: CLICCA
