Сброс HTML 5 (html5reset.org) - X-UA-совместимый не работает

Я использую отличный шаблон HTML 5 Reset на http://html5reset.org/, и мой метатег X-UA-Compatible, похоже, не работает. Вот как выглядит мой заголовок:

<!DOCTYPE html>

<!--[if lt IE 7 ]> <html class="ie ieNoHtml5 ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ieNoHtml5 ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ieNoHtml5 ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- the "no-js" class is for Modernizr. -->

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />


    <title>Title of Page</title>

Отображается возможность использовать режим просмотра совместимости в IE (значок неработающей страницы в поле URL). Проблема в том, что некоторые из моих клиентов установили свои браузеры IE9 в режим "всегда использовать вид совместимости", в результате веб-сайт выглядит как IE7, даже если они используют IE9, и X-UA-Compatible предполагает переопределение этого,

Теперь, если я удалю забавный заголовок:

<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

... вдруг начинает нормально работать.

Я заметил, что сам http://html5reset.org/, похоже, отображает значок неработающей страницы, поэтому он тоже не работает, но http://html5boilerplate.com/ работает, и, похоже, использует тот же подход.

Добавление X-UA-Compatible в заголовок ответа через конфигурацию веб-сервера, кажется, исправляет это, но я бы предпочел не полагаться на этот подход.

Обновление. Похоже, что http://html5boilerplate.com/ просто отправляет X-UA-Compatible в заголовках HTTP-ответа, если обнаруживает, что браузер IE. Это похоже на путь.

Источник

1 ответ

Решение

HTML5 Boilerplate рекомендует конфигурацию веб-сервера. Это быстрее и решает несколько крайних случаев, с которыми не работает решение разметки: https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/doc/html.md#x-ua-compatible

Источник
Другие вопросы по тегам