Какая разница, если одна веб-страница начинается с
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
и если страница начинается с
<!DOCTYPE html>
<html>
<head>
<!-- without X-UA-Compatible meta -->
Если нет разницы, я полагаю, что могу просто игнорировать метатег X-UA-Compatible, так как просто хочу, чтобы он отображался в большинстве стандартных режимов во всех версиях IE.
Обновление до 2015 года
Этот ответ был опубликован несколько лет назад, и теперь вопрос действительно должен состоять в том, следует ли даже рассмотреть возможность использования тега X-UA-Compatible на вашем сайте? с изменениями, внесенными Microsoft в его браузеры (подробнее об этом ниже).
В зависимости от того, какие браузеры Microsoft вы поддерживаете, вам может не понадобиться использовать тег X-UA-Compatible. Если вам нужно поддерживать IE9 или IE8, я бы рекомендовал использовать тег. Если вы поддерживаете только последние браузеры (IE11 и/или Edge), я бы подумал о том, чтобы полностью удалить этот тег. Если вы используете Twitter Bootstrap и вам необходимо устранить предупреждения валидации, этот тег должен появиться в указанном порядке. Дополнительная информация ниже:
Метатег X-UA-Compatible позволяет веб-авторам выбирать, какую версию Internet Explorer должен отображать страница. IE11 внесла изменения в эти режимы; см. примечание IE11 ниже. Microsoft Edge, браузер, который будет выпущен после IE11, будет соблюдать только мета-тег, X-UA-Compatible с X-UA-Compatible в определенных обстоятельствах. См. Примечание Microsoft Edge ниже.
По словам Microsoft, при использовании X-UA-Compatible тега, он должен быть как можно выше в вашем документе head:
Если вы используете метку META, совместимую с X-UA, вы хотите разместить ее как можно ближе к верхней части страницы HEAD. Internet Explorer начинает интерпретировать разметку с использованием последней версии. Когда Internet Explorer встречает метку META, совместимую с X-UA, она начинается с использования движка указанной версии. Это результат производительности, так как браузер должен остановить и перезапустить анализ содержимого.
Вот ваши варианты:
Чтобы попытаться понять, что каждый означает, вот определения, предоставленные Microsoft:
Internet Explorer поддерживает ряд режимов совместимости документов, которые позволяют использовать разные функции и могут влиять на отображение содержимого:
Режим Edge указывает Internet Explorer отображать содержимое в самом высоком режиме. В Internet Explorer 9 это эквивалентно режиму IE9. Если будущий выпуск Internet Explorer поддерживает более высокий режим совместимости, страницы, установленные в режиме edge, будут отображаться в самом высоком режиме, поддерживаемом этой версией. Те же самые страницы будут отображаться в режиме IE9 при просмотре в Internet Explorer 9. Internet Explorer поддерживает ряд режимов совместимости документов, которые позволяют использовать разные функции и могут влиять на отображение содержимого:
Режим IE11 обеспечивает самую высокую поддержку, доступную для установленных и новых отраслевых стандартов, включая HTML5, CSS3 и другие.
Режим IE10 обеспечивает самую высокую поддержку, доступную для установленных и новых отраслевых стандартов, включая HTML5, CSS3 и другие.
Режим IE9 обеспечивает самую высокую поддержку, доступную для установленных и новых отраслевых стандартов, включая HTML5 (рабочий проект), каскадные таблицы стилей W3C 3 уровня (рабочий проект), спецификацию масштабируемой векторной графики (SVG) 1.0 и другие. [Примечание редактора: IE 9 не поддерживает анимацию CSS3].
Режим IE8 поддерживает множество установленных стандартов, в том числе спецификации каскадных таблиц стилей W3C уровня 2.1 и API селекторов W3C; он также обеспечивает ограниченную поддержку спецификации W3C Cascading Style Sheets Level 3 (рабочий проект) и других новых стандартов.
Режим IE7 отображает контент, как если бы он отображался в стандартном режиме Internet Explorer 7, независимо от того, содержит ли страница директиву.
Эмуляция режима IE9 указывает Internet Explorer использовать директиву для определения способа отображения содержимого. Директивы режима стандартов отображаются в режиме IE9, а режимы режима quirks отображаются в режиме IE5. В отличие от режима IE9, режим Emulate IE9 соответствует директиве.
Эмуляция режима IE8 указывает Internet Explorer использовать директиву для определения способа рендеринга содержимого. Директивы режима стандартов отображаются в режиме IE8, а режимы режима quirks отображаются в режиме IE5. В отличие от режима IE8, режим Emulate IE8 соответствует директиве.
Эмуляция режима IE7 указывает Internet Explorer использовать директиву для определения способа отображения содержимого. Стандартные режимы режима отображаются в стандартном режиме Internet Explorer 7, а режимы режима quirks отображаются в режиме IE5. В отличие от режима IE7, режим Emulate IE7 соответствует директиве. Для многих веб-сайтов это предпочтительный режим совместимости.
Режим IE5 отображает содержимое, как если бы он отображался в режиме quirks при помощи Internet Explorer 7, что очень похоже на то, как содержимое отображалось в Microsoft Internet Explorer 5.
IE10 ПРИМЕЧАНИЕ. Начиная с IE10 режим quirks ведет себя иначе, чем в более ранних версиях браузера. В IE9 и более ранних версиях режим quirks ограничивал веб-страницу функциями, поддерживаемыми IE5.5. В IE10 режим quirks соответствует различиям, указанным в спецификации HTML5.
Лично я всегда выбираю метатег http-equiv="X-UA-Compatible" content="IE=edge", поскольку в более старых версиях есть много ошибок, и я не хочу, чтобы IE решил перейти в "Режим совместимости", и показать мой сайт как IE7 против IE8 или 9. Я всегда предпочитаю последнюю версию IE.
IE11
От Microsoft:
Начиная с IE11, режим edge - предпочтительный режим документа; он представляет собой самую высокую поддержку современных стандартов, доступных браузеру.
Используйте объявление типа документа HTML5 для включения режима edge:
<!doctype html>Режим Edge был введен в Internet Explorer 8 и доступен в каждом последующем выпуске. Обратите внимание, что функции, поддерживаемые режимом edge, ограничены теми, которые поддерживаются конкретной версией браузера, отображающей контент.
Начиная с IE11, режимы документа устарели и больше не должны использоваться, за исключением временных. Обязательно обновляйте сайты, которые полагаются на устаревшие функции и режимы документа, чтобы соответствовать современным стандартам.
Если вы должны настроить таргетинг на определенный режим документа, чтобы ваш сайт функционировал во время его переделки, чтобы поддерживать современные стандарты и функции, имейте в виду, что вы используете переходную функцию, недоступную в будущих версиях.
Если вы в настоящее время используете заголовок, совместимый с x-ua, чтобы настроить режим устаревшего документа, возможно, ваш сайт не будет отражать лучший опыт, доступный в IE11.
Microsoft Edge (замена для Internet Explorer, поставляемого в комплекте с Windows 10)
Информация о мета-теге, X-UA-Compatible с X-UA-Compatible для версии IE "Edge". От Microsoft:
Представление режима "живого" пограничного документа
Как мы объявили в августе 2013 года, мы устареваем режимами документов с IE11. Благодаря нашим последним обновлениям платформы потребность в устаревших режимах документов в основном ограничивается веб-приложениями, устаревшими для предприятий. Благодаря новым архитектурным изменениям эти устаревшие режимы документа будут изолированы от изменений в режиме "живого" края, что поможет гарантировать гораздо более высокий уровень совместимости для клиентов, которые зависят от этих режимов, и поможет нам двигаться еще быстрее при улучшении Edge, Следующая важная версия IE по-прежнему будет соблюдать режимы документов, обслуживаемые сайтами интрасети, сайтами в списке просмотра совместимости и при использовании только в режиме Enterprise.
Публичные интернет-сайты будут отображаться с новой платформой Edge (без учета совместимости с X-UA). Наша цель заключается в том, что Edge является "живым" режимом документа здесь, и дальнейшие режимы документа не будут введены в будущем.
Поскольку изменения в Microsoft Edge больше не поддерживают режим документов в большинстве случаев, у Microsoft есть инструмент для сканирования вашего сайта, чтобы проверить, есть ли у него код, который несовместим с Edge.
Chrome = 1 Информация для IE
Существует также chrome=1 который вы можете использовать или использовать вместе с одним из указанных выше параметров, например: <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">. chrome=1 для Google Chrome Frame, который определяется как:
Google Chrome Frame - это плагин с открытым исходным кодом для браузера. Пользователи, у которых есть подключаемый модуль, имеют доступ к открытым веб-технологиям Google Chrome и ускоренному движку JavaScript при открытии страниц в браузере.
Google Chrome Frame легко улучшает ваш браузер в Internet Explorer. Он отображает сайты с поддержкой Google Chrome Frame с использованием технологии рендеринга Google Chromes, предоставляя вам доступ к последним функциям HTML5, а также функциям производительности и безопасности Google Chromes, никоим образом не прерывая обычного использования браузером.
Когда Google Chrome Frame установлен, сеть становится лучше, если вы не задумываетесь об этом.
Но для этого подключаемого модуля вы должны использовать chrome=1 в метатеге X-UA-Compatible.
Более подробную информацию о Chrome Frame можно найти здесь.
Примечание. Google Chrome Frame работает только для IE6 через IE9, и вышел на пенсию 25 февраля 2014 года. Дополнительную информацию можно найти здесь. Спасибо @mck за ссылку.
Проверка:
HTML5:
Страница будет проверяться с помощью W3 Validator только при использовании <meta http-equiv="X-UA-Compatible" content="IE=Edge">. Для других значений он выдает ошибку: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge. Другими словами, если у вас IE=edge,chrome=1 он не будет проверяться. Я полностью игнорирую эту ошибку, поскольку современные браузеры просто игнорируют эту строку кода.
Если у вас должен быть полностью допустимый код, подумайте об этом на уровне сервера, установив HTTP-заголовок. В качестве примечания, Microsoft говорит: If both of these instructions are sent (meta and HTTP), the developer preference (meta element) takes precedence over the web server setting (HTTP header). См. Ответ olibre или ответ bitinn для получения более подробной информации о том, как установить HTTP-заголовок.
XHTML
Не существует проблемы с проверкой при использовании <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> пока тег будет правильно закрыт (т.е. /> vs >).
Щебетать
Этот тег был настоятельно рекомендован командой Bootstrap с по крайней мере 2014 года, а Bootlint, linter, созданный командой twbs, продолжает выдавать предупреждение, когда тег опущен. ЛИНТЕР различает предупреждения и ошибки, и поэтому серьезность отказа от этого тега может считаться незначительной.
Для получения дополнительной информации о X-UA-Compatible с X-UA-Compatible см. Microsoft Website Определение совместимости документов.
Для получения дополнительной информации о том, что поддерживает IE, см. Файл caniuse.com.
Для получения дополнительной информации о требованиях к загрузочному ловушку Twitter см. Страницу вики- проекта проекта bootlint.
Используйте content= "IE=edge,chrome=1" и emsp; Пропустить другие режимы X-UA-Compatible
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
--------------------------
Значок совместимости
В адресной строке IE9 не отображается кнопка Кнопка просмотра совместимости
и на странице также не отображается беспорядок меню, изображений и текстовых полей.
Особенности. Этот метатег требуется для включения javascript::JSON.parse() в IE8
(даже если присутствует <!DOCTYPE html>)
Корректность
Рендеринг/Выполнение современного HTML/CSS/JavaScript более корректно (лучше).
Производительность
Механизм рендеринга Trident должен работать быстрее в своем граничном режиме.
В вашем HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
IE=edge означает, что IE должен использовать последнюю (крайнюю) версию своего механизма рендерингаchrome=1 означает, что IE должен использовать механизм рендеринга Chrome если установлено Или лучше в конфигурации вашего веб-сервера:
(см. также ответ RiaD)
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
BrowserMatch MSIE ie
Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
</IfModule>
</IfModule>
<IfModule mod_headers.c>
Header append Vary User-Agent
</IfModule>
Nginx, предложенный Stef Pause
server {
#...
add_header X-UA-Compatible "IE=Edge,chrome=1";
}
Лак прокси, предложенный Лукас Рютцель
sub vcl_deliver {
if( resp.http.Content-Type ~ "text/html" ) {
set resp.http.X-UA-Compatible = "IE=edge,chrome=1";
}
}
IIS (начиная с версии v7)
<configuration>
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="X-UA-Compatible" value="IE=edge,chrome=1" />
</customHeaders>
</httpProtocol>
</system.webServer>
</configuration>
Как заметил Lynda (см. комментарии), Изменения совместимости в IE11 рекомендует режим Edge:
Начиная с IE11, режим edge - предпочтительный режим документа; он представляет собой самую высокую поддержку современных стандартов, доступных браузеру.
Но позиция Microsoft не ясна. Другая Страница MSDN не рекомендовала режим Edge:
Поскольку режим Edge заставляет все страницы открываться в стандартном режиме, независимо от версии Internet Explorer, у вас может возникнуть соблазн использовать это для всех страниц, просматриваемых в Internet Explorer. Не делайте этого, поскольку заголовок
X-UA-Compatibleподдерживается только при запуске с Windows Internet Explorer 8.
Вместо этого Microsoft рекомендовала использовать <!DOCTYPE html>:
Если вы хотите, чтобы все поддерживаемые версии Internet Explorer открывались ваши страницы в стандартном режиме, используйте объявление типа документа HTML5 [...]
Как Рикардо объясняет (в комментариях ниже) любой DOCTYPE (HTML4, XHTML1...) можно использовать для запуска режима стандартов, а не только для HTML5 DOCTYPE. Важно всегда иметь DOCTYPE на странице.
Clara Onager даже заметил в более старой версии Указание устаревших режимов документа
Режим Edge предназначен только для тестирования; не используйте его в рабочей среде.
Это настолько запутанно, что Usman Y думал Clara Onager говорил о:
Пример [...] приведен только для иллюстративных целей; не используйте его в рабочей среде.
<meta http-equiv="X-UA-Compatible" content="IE=7,9,10" >
Ну... В оставшейся части этого ответа я даю больше объяснений, почему использование content="IE=edge,chrome=1" является хорошей практикой в производстве.
В течение многих лет (с 2000 по 2008 год) доля рынка IE превышала 80% . И IE v6 считался де-факто стандартом (доля рынка от 80% до 97% в 2003, 2004, 2005 и 2006 для IE6, больше доли рынка со всеми версиями IE).
Поскольку IE6 не уважал веб-стандарты, разработчикам приходилось тестировать свой сайт с помощью IE6. Эта ситуация была отличной для Microsoft (MS), поскольку веб-разработчикам приходилось покупатьПродукты MS (например, IE не могут использоваться без покупки Windows), и было бы более выгодным оставаться несовместимым (т.е. Microsoft хотела стать стандартом, исключая другие компании).
Поэтому многие сайты были совместимы только с IE6, и поскольку IE не соответствовал веб-стандарту, все эти веб-сайты не были хорошо отображены в браузерах, совместимых со стандартами. Хуже того, для многих сайтов требуется только IE.
Однако в это время Mozilla запустила разработку Firefox, максимально соблюдая все веб-стандарты (другой браузер был реализован для рендеринга страниц, как это сделал IE6). Поскольку все больше и больше веб-разработчиков хотели использовать новые функции веб-стандартов, все больше и больше веб-сайтов больше поддерживались Firefox, чем IE.
Когда доля рынка обмена IE снижалась, MS поняла, что оставаться стандартным несовместимым не была хорошей идеей. Поэтому MS начала выпускать новую версию IE (IE8/IE9/IE10) в отношении все более и более веб-стандартов.
Но проблема в том, что все веб-сайты, предназначенные для IE6: Microsoft не может выпускать новые версии IE, несовместимые с этими старыми веб-сайтами, разработанными IE6. Вместо того, чтобы выводить версию IE, веб-сайт был разработан, MS попросила разработчиков добавить дополнительные данные (X-UA-Compatible) на свои страницы.
В настоящее время IE6 по-прежнему используется (0,7% в 2016 году) (4,5% в январе 2014 года), а некоторые интернет-сайты по-прежнему остаются IE6- только совместимый. Некоторые веб-сайты/приложения интрасети тестируются с использованием IE6. Некоторые веб-сайты интрасети на 100% работают только на IE6. Эти компании/отделы предпочитают откладывать расходы на миграцию: другие приоритеты, никто больше не знает, как реализован веб-сайт/приложение, владелец устаревшего веб-сайта/приложения обанкротился...
Китай представляет 50% использования IE6 в 2013 году, но он может измениться в следующие годы, поскольку распространен китайский дистрибутив Linux.
Если вы (попытайтесь) уважать веб-стандарт, вы можете просто использовать http-equiv="X-UA-Compatible" content="IE=edge,chrome=1". Чтобы поддерживать совместимость со старыми браузерами, просто не используйте последние веб-функции: используйте подмножество, поддерживаемое самым старым браузером, который вы хотите поддерживать. Или, если вы хотите пойти дальше, вы можете принять концепции как Изящная деградация, Прогрессивное улучшение и Ненавязчивый JavaScript. (Вы также можете с удовольствием прочитать Что должен веб-разработчик рассмотреть?.)
Не волнует лучший рендеринг версии IE: это не ваша работа, так как браузеры должны соответствовать веб-стандартам. Если ваш сайт соответствует стандарту и использует умеренно последние функции, поэтому браузеры должны соответствовать вашему веб-сайту.
Кроме того, поскольку существует множество кампаний, чтобы убить IE6 (IE6 больше, MS), в настоящее время вы можете не тратить время на тестирование IE!
В 2009-2012 годах я работал в компании, использующей IE6, в качестве официального разрешенного браузера. Я должен был внедрить сайт интрасети только для IE6. Я решил уважать веб-стандарт, но с помощью подпрограммы, поддерживающей IE6 (HTML/CSS/JS).
Это было сложно, но когда компания переключилась на IE8, веб-сайт все еще был хорошо отображен, потому что я использовал Firefox и firebug для проверьте совместимость с веб-стандартом;)
Разница заключается в том, что если вы укажете только DOCTYPE, предпочтения просмотра совместимости IEs имеют приоритет. По умолчанию эти настройки заставляют все сайты интрасети просматривать совместимость независимо от DOCTYPE. Theres также установите флажок Использовать представление совместимости для всех веб-сайтов, независимо от DOCTYPE.
X-UA-Compatible переопределяет параметры просмотра совместимости, поэтому страница будет отображаться в стандартном режиме независимо от настроек браузера. Это обеспечивает режим стандартов для:
DOCTYPE один не может этого сделать; вы попадете в один из режимов просмотра совместимости в этих случаях, независимо от DOCTYPE.
Если указаны тег meta и HTTP-заголовок, тег meta имеет приоритет.
Этот ответ основан на изучении полных правил для выбора режима документа в IE8, IE9 и IE10. Обратите внимание, что просмотр DOCTYPE - это последний резерв для решения режима документа.
Используйте это, чтобы заставить IE скрыть эту раздражающую кнопку совместимости браузера в адресной строке:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Так как я не могу добавить комментарий к отмеченному ответу, я просто отправлю его здесь.
В дополнение к правильному ответу вы действительно можете подтвердить это. Поскольку этот метатег предназначен только для IE, вам нужно только добавить IE.
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<![endif]-->
Выполнение этого похоже на добавление любого другого условного оператора IE и работает только для IE, и никакие другие браузеры не будут затронуты.
Я думаю, что эта диаграмма из Microsoft объясняет все. Чтобы рассказать IE о том, как отображать контент, DOCTYPE должен работать с мета-тегом, совместимым с X-UA. ! DOCTYPE сам по себе не влияет на изменение режима документа IE.
http://ie.microsoft.com/testdrive/ieblog/2010/Mar/02_HowIE8DeterminesDocumentMode_3.png
Просто для полноты вам фактически не нужно добавлять его в свой HTML (который неизвестен http-equiv в HTML5)
Сделайте это и никогда не оглядывайтесь назад (первый пример для apache, второй для nginx)
Header set X-UA-Compatible "IE=Edge,chrome=1"
add_header X-UA-Compatible "IE=Edge,chrome=1";
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
Чтобы эта строка работала должным образом, убедитесь, что:
<head><html>В противном случае некоторые версии IE просто игнорируют его.
UPDATE
Эти два правила упрощены, но их легко запомнить и проверить. Несмотря на то, что в документах MSDN указано, что вы можете поставить название и другие метатеги перед этим, я бы не рекомендовал это делать.
Как заставить работать с условными комментариями.
Интересная статья о порядке элементов в голове. (blogs.msdn.com, для IE)
ССЫЛКА
X-UA-Compatible[...] должен появиться в заголовке веб-страницы (раздел HEAD) перед всеми другими элементами, кроме элемента title и других мета-элементов.
если вы используете свой веб-сайт в той же сети, что и IE сервера, чтобы переключиться на режим совместимости, несмотря на DOCTYPE.
Добавление meta http-equiv="X-UA-Compatible" content="IE=Edge" отключает это нежелательное поведение.
Это LITERALLY 1 запрос Google, но здесь идет:
http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx
Общие сведения о режимах устаревших документов
Используйте следующее значение для отображения веб-страницы в режиме edge, режим наивысших стандартов, поддерживаемый Internet Explorer, от Internet Explorer 6 через IE11.
<meta http-equiv="x-ua-compatible" content="IE=edge"Примечание, что это функционально эквивалентно использованию документа HTML5. Он помещает Internet Explorer в самую высокую поддерживаемую режим документа. Край наиболее полезен для регулярного обслуживания веб-сайты, которые регулярно проверяются на совместимость между нескольких браузеров, включая Internet Explorer.
Примечание Начиная с IE11, режим ребра считается предпочтительным режимом документа. (В более ранних версиях он считался экспериментальным). Чтобы узнать больше, см. "Режимы документа" устарели. Начиная с Windows Internet Explorer 8, некоторые веб-разработчики использовали краевой режим meta, чтобы скрыть кнопку просмотра совместимости в адресной строке. Начиная с IE11, это больше не нужно, поскольку кнопка была удалена из адресной строки. Потому что он заставляет все страницы открываться в стандартного режима, независимо от версии Internet Explorer, вы может возникнуть соблазн использовать режим edge для всех страниц, просматриваемых с помощью Интернета Проводник. Не делайте этого, поскольку заголовок X-UA-Compatible поддерживается с помощью Internet Explorer 8.
СоветЕсли вы хотите, чтобы все поддерживаемые версии Internet Explorer открывали ваши страницы в стандартном режиме, используйте объявление типа документа HTML5, как показано в предыдущем примере.
Также среди результатов поиска:
Просто одно предложение сказать Поручить Internet Explorer использовать свой последний движок рендеринга
<meta http-equiv="x-ua-compatible" content="ie=edge">
2.1.3.5 Мета-тег совместимости X-UA и заголовок HTTP-ответа
Эта функциональность не будет реализована ни в одной версии Microsoft Edge.
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
См. Https://msdn.microsoft.com/en-us/library/ff955275(v=vs.85).aspx
Да, я знаю, что опаздываю на вечеринку, но у меня были некоторые проблемы и дискуссии, и в конце концов мой босс заставил меня удалить X-UA-Compatible tag из всех документов, над которыми я работал.
Если эта информация устарела или больше не актуальна, пожалуйста, исправьте меня.