Условные комментарии в HTML для работы с IE

Условные комментарии в IE появились c версии 5. Данные комментарии позволяют использовать специфику для конкретного браузера, к примеру добавляя специальные стили или скрипты для конкретной версии браузера.

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

<!--[if lte IE 7]>
  Ваш браузер устарел, пожалуйста обновите его.
<![endif]-->

Структура условных комментариев:

<!--[if IE]>
  содержимое, вставляемое при срабатывании условия
<![endif]-->

Список возможных условий:

Конкретная версия:

<!--[if IE 6]>
  Ваш браузер IE 6!
<![endif]-->

Все версии браузера IE:

<!--[if IE]>
  Ваш браузер IE :)
<![endif]-->

Все кроме одной версии:

<!--[if !IE 6]>
  Ваш браузер не IE 6!
<![endif]-->

Для браузеров с версией больше или равно:

<!--[if gte IE 6]>
  Ваш браузер IE 6!
<![endif]-->

Для браузеров с версией больше:

<!--[if gt IE 6]>
  Ваш браузер IE 6!
<![endif]-->

Для браузеров с версией меньше или равно:

<!--[if lte IE 6]>
  Ваш браузер IE 6!
<![endif]-->

Для браузеров с версией меньше:

<!--[if lt IE 6]>
  Ваш браузер IE 6!
<![endif]-->

Примеры:

Подключение стилей при IE 6:

<!--[if IE 6]>
  <style type="text/css">
  div.popup {
    display: none;
  }
  </style>
<![endif]-->

Подключение скрипта при версии IE меньше или равно 7:

<!--[if lte IE 7]>
  <script type="text/javascript" src="/js/ie.js"></script>
<![endif]-->

Вывод сообщения о устаревшем браузере:

<!--[if lte IE 8]>
  Ваш браузер устарел, пожалуйста <b>обновите</b> его.
<![endif]-->


comments powered by Disqus

Популярное