Вы никогда не задумывались, почему Internet Explorer на одних сайтах показывает значок представления совместимости, а на других — нет? Я вот недавно задумался, оказалось, все просто ;)
В адресной строке IE* изначально присутствует переключатель представления совместимости.
![]()
Кликнув на него, пользователь принудительно переводит браузер в режим эмуляции стнадартов 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:
- Определение совместимости документов (для IE8)
- Defining Document Compatibility (для IE9)