Ответ 1
HTML5 Boilerplate рекомендует конфигурацию веб-сервера. Это быстрее и решает несколько краевых случаев, когда решение разметки не работает: https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/doc/html.md#x-ua-compatible
Я использую отличный HTML 5 Reset шаблон в html5reset.org, и мой мета-тег, совместимый с X-UA, не работает. Вот как выглядит мой заголовок:
<!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" />
... он внезапно начинает нормально работать.
Я заметил, что сам html5reset.org отображает значок сломанной страницы, поэтому он тоже не работает, но html5boilerplate.com Работает и, похоже, использует тот же подход.
Добавление X-UA-совместимого в заголовок ответа через конфигурацию веб-сервера, похоже, исправляет его, но я бы предпочел не полагаться на этот подход.
Обновление: Кажется, что html5boilerplate.com просто отправляет X-UA-Compatible в заголовках ответа HTTP, если обнаруживает, что браузером является IE. Это похоже на путь.
HTML5 Boilerplate рекомендует конфигурацию веб-сервера. Это быстрее и решает несколько краевых случаев, когда решение разметки не работает: https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/doc/html.md#x-ua-compatible