Корректное отображение в IE 8 сайта, соответствующего стандартам W3C
Как уже было сказано ранее, Internet Explorer 8 может отображать сай- ты так же, как это сделала бы его предыдущая версия, в том числе и при- сваивая части из них свойство hasLayout и вызывая множество несоот- ветствий, с которыми дизайнеры боролись на протяжении многих лет. Как удостовериться, что IE8 использует самый современный режим отображения, а не имитирует поведение IE7, при отображении вашего веб-сайта?
Решение
Internet Explorer 8 – очень мощный броузер, и вам наверняка хотелось бы, чтобы он не жалел сил и отображал разрабатываемый вами новый сайт как можно лучше. Рассматривая результат обработки CSS-кода различными броузерами, я пришла к выводу, что в настоящее время можно встретить не так уж много расхождений между IE8, Firefox 3 или Safari 3 или 4. Как обычно, по умолчанию Internet Explorer 8 будет использовать переключение режимов отображения, чтобы решить, как нужно отображать страницу – в стандартном режиме или в режиме со- вместимости. Для поддержки обратной совместимости и в то же время пытаясь «не порвать Всемирную паутину», Microsoft ввела вид в режи- ме совместимости (Compatibility View) и головную метку x-ua-compat- ible, дающую броузеру указания по поводу того, каким образом ему следует отображать страницы – максимально соответствуя стандартам или имитируя способ обработки кода броузером Internet Explorer 7.
Вид в режиме совместимости можно включить в броузере, а метка x-ua-compatible указывается в коде документа с помощью тега <meta /> или в заголовке HTTP, пересылаемом с сервера. Пользователь может включить отображение в режиме совместимости, нажав на кнопку Compatibility View; кроме того, все сайты, включенные в список Compa- tibility View List броузера Internet Explorer 8 для Windows, также будут отображаться в режиме совместимости. Данный список составлен Mi- crosoft, и пользователи IE8 могут оформить подписку на него.1
Метка x-ua-compatible – это указание для броузера, переопределяющее все текущие настройки совместимости. Ниже приведен пример тега meta:
<meta http-equiv=”X-UA-Compatible” content=”IE=8” />
Его использование обеспечит отображение страницы в Internet Explorer
8 в режиме наибольшего соответствия стандартам. Чтобы при обработ- ке документа броузер имитировал поведение Internet Explorer 7, нужно задать значение атрибута IE=EmulateIE7. При указании значения IE=Edge Internet Explorer 8 и ниже всегда будет использовать для отображения сайтов режим наибольшего соответствия стандартам.
Если вы занимаетесь разработкой сайта с нуля, я рекомендую вам обой- тись без заголовка x-ua-compatible или выставить значение IE=Edge. При использовании правильного элемента doctype Internet Explorer поста- рается отобразить сайт как можно лучше безо всякого заголовка x-ua- compatible – вы ведь пишете код в соответствии со стандартами и со- вершенно не планируете попасть в тот злополучный список Microsoft? В противном случае – при использовании x-ua-compatible – рекомен- дую вам использовать именно значение IE=Edge (а не IE=IE8 и др.). Тог- да при выходе 9-й версии Internet Explorer ваш сайт не застынет навеч- но в виде для IE8.
Более подробную информацию по данной теме можно найти в замеча- тельной статье, опубликованной Фаруком Эйтсом (Faruk Ates) в сво- ем блоге. Она называется «IE8 and the X-UA-Compatible situation» (IE8 и ситуация с переключением режимов с помощью заголовка X-UA-Com- patible).2
Литература: Эндрю Р. CSS: 100 и 1 совет, 3-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2010. – 336 с., ил.
Похожие посты:
- 50 СПОСОБОВ ЗАСТАВИТЬ GOOGLE ЛЮБИТЬ ВАШ САЙТ (0)
- Создание макета страницы с помощью CSS-таблиц (0)
- Использование изображения вместо маркера списка (0)
- Применение эффекта прозрачности (0)
- Изменение вида ссылки при наведении на нее указателя мыши с помощью CSS без использования изображений или сценариев на JavaScript (0)
- Выделение ссылок, ведущих на внешний сайт (0)
- Реализация смены изображений на панели навигации без использования JavaScript (0)