CSS compatibilità modalità Hack per IE8

August 21

Le prime versioni di Microsoft Internet Explorer non rispettare rigorosamente gli standard Web, causando problemi ai progettisti compatibilità cross-browser. IE di oggi è molto più conforme agli standard, ma perché molti siti web sono stati progettati utilizzando CSS "hack" per quei prime versioni, Microsoft ha dovuto elaborare la sua modalità di compatibilità, noto anche come Visualizzazione Compatibilità. Questa modalità permette di IE8 e poi a rendere con precisione quei siti.

Modalità di compatibilità

Per impostazione predefinita, IE8 e le versioni successive rendono le pagine web secondo gli standard moderni, in modo che la maggior parte dei siti possono essere scritti con conforme agli standard HTML e CSS. Ironia della sorte, questo significa che i siti più anziani potrebbero non essere visualizzati in versioni correnti cioè senza né ricodifica o l'aggiunta di una funzione del browser che rende questi siti allo stesso modo delle versioni precedenti ha fatto. Microsoft ha aggiunto una tale funzione, la modalità di compatibilità, a IE8. Se l'utente fa clic su un pulsante sul browser o il webmaster aggiunge una sola riga di codice a una pagina, IE8 e le versioni successive utilizzeranno la versione precedente del motore di rendering per visualizzare la pagina.

Modalità di compatibilità Tag

segnali metatag L'X-UA-Compatible per IE che il contenuto di quella pagina è compatibile con una specifica versione del browser. Per aggiungere il metatag a una pagina, inserire il seguente testo alla sezione <head>, sopra tutti gli altri tag tranne il tag <title> e altri metatag:

<Meta http-equiv = "X-UA-Compatible" content = "IE = 5" />

La versione di IE nel metatag dovrebbe corrispondere alla versione del browser più compatibile con la pagina. "IE = 5" rappresenta sia IE5- e compatibili con IE6 codice, "IE = 7" indica una pagina scritta per i migliori risultati con IE7, e "IE8" costringerebbe al browser di utilizzare gli standard attuali.

Visualizzazione Compatibilità Pulsante

Se un sito è codificato per una versione precedente di IE, ma non porta il metatag X-UA-Compatible, un visitatore utilizzando IE8 o poi vedrà l'icona di "pagina di rotta" nella barra degli indirizzi del browser. Facendo clic su tale icona si innescherà Visualizzazione Compatibilità e visualizzare la pagina in modo appropriato. IE mantiene anche un elenco di siti per i quali è stato utilizzato Visualizzazione Compatibilità, in modo che il visitatore non deve fare clic sul pulsante su ogni visita. Questo significa anche che una pagina aggiornata dopo che il visitatore ha innescato Visualizzazione Compatibilità dovrebbe utilizzare il metatag per indicare che ora è conforme agli standard.

Intestazione HTTP

Se un intero sito è compatibile con una versione specifica di Internet Explorer, è possibile utilizzare anche un header HTTP per comunicare tale circostanza al browser. L'intestazione assume questa forma:

X-UA-Compatible: IE = EmulateIE7

Inserire la versione di IE appropriata per il sito, proprio come si farebbe nel metatag. Se si aggiorna il sito per essere conforme agli standard, è possibile anche aggiornare l'header HTTP con "IE8" in modo che i visitatori abituali che usano IE8 e poi non continuare a utilizzare Visualizzazione Compatibilità quando visitano.