Условные комментарии

Абсолютно любой текст в HTML можно обратить в комментарий (при этом отображаться он не будет). Для этого следует поместить необходимый текст между тегами <!-- и -->. Браузер Internet Explorer кроме комментариев поддерживает определенный синтаксис, который направлен на то, чтобы интерпретировать код, если перед нами IE. Остальные браузеры при этом видят обычный комментарий и не отображают его.


<!--[if IE]>
Код для браузера Internet Explorer
<![endif]-->

Внутри квадратных скобок допустимо использовать следующие ключевые слова:

  • IE — любая версия браузера Internet Explorer;
  • IE 6 — Internet Explorer 6;
  • IE 7 — Internet Explorer 7;
  • IE 8 — Internet Explorer 8;
  • IE 9 — Internet Explorer 9;
  • lt — номер версии браузера меньше указанной;
  • gt — номер версии больше указанной;
  • lte — номер версии меньше или равен указанной;
  • gte — номер версии браузера больше или равен указанной.

Пример использования


<!--[if lte IE 7]>
   <style type="text/css">
    DIV { 
     color: green; / * Для браузера Internet Explorer * /
    }
  </style>
  <![endif]-->
 

В CSS, а так же в JavaScript применяется свой синтаксис комментариев вида / * * /, поэтому условными комментариями приходится обособлять отдельный контейнер <style>. В данном примере в браузере IE 7 цвет текста будет зеленым, а в остальных браузерах оранжевым.

Поделитесь статьей со своими друзьями