Вход

Медная поляна

Убираем кнопку представления совместимости из Internet Explorer

Вы никогда не задумывались, почему Internet Explorer на одних сайтах показывает значок представления совместимости, а на других — нет? Я вот недавно задумался, оказалось, все просто ;)

В адресной строке IE* изначально присутствует переключатель представления совместимости.

Кнопка представления совместимости в Internet Explorer

Кликнув на него, пользователь принудительно переводит браузер в режим эмуляции стнадартов IE7, т. е. браузер будет показывать сайт так, как бы он выглядел в Internet Explorer 7-ой версии. Для чего это нужно? По мнению Microsoft, если сайт сделан давно и отлично выглядит в IE7, в более современных версиях (IE8, IE9) он может отображаться некорректно. Упомянутый переключатель как раз необходим для того, чтобы исправить данный недочет.

Здравый смысл подсказывает, что если в последних версиях IE с сайтом все хорошо, то значок совместимости показывать не́зачем. Для владельцев сайтов единственным способом убрать переключатель из браузера посетителя является использование мета-тега X-UA-Compatible. Тег предназначен только для Internet Explorer, другие браузеры его игнорируют; тег управляет режимом рендеринга документов майкрософтовского браузера, попутно убирая кнопку представления совместимости из адресной строки (независимо от того, какой режим указан в самом теге).

Поскольку в нашем случае мета-тег используется только в качестве деактиватора кнопки, то с помощью его необходимо установить такой же режим документов, какой по умолчанию используется в браузере. Это можно сделать одной строкой, но двумя способами:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8; IE=EmulateIE9">

или

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Мета-тег нужно разместить внутри секции head HTML-документа c условием, что выше его могут располагаться только элемент <title>...</title> и другие мета-теги.

Увы, подробное описание режимов совместимости и тонкостях применения X-UA-Compatible выходит за рамки данной заметки. Желающим разобраться самостоятельно советую пару материалов. Надеюсь, после их прочтения будет понятно, почему в приведенных примерах используются именно такие значения атрибута content:

из раздела Верстка сайтов