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

Автор: content Суббота, Апрель 7th, 2012 Нет комментариев

Рубрика: Стили CSS

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

<!—[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 — номер версии браузера больше или равен указанной.

В примере 1 приведен стиль для всех браузеров Internet Explorer до версии 7.0 включительно.

Пример 1. Стиль для браузера Internet Explorer

XHTML 1.0      CSS 2.1     IE 6    IE 7    IE 8    IE 9     Cr 11    Op 11     Sa 5     Fx 4

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Хаки</title>
 <style type="text/css">
 DIV {
 color: orange; /* Для всех браузеров, кроме IE */
 }
 </style>
 <!--[if lte IE 7]>
 <style type="text/css">
 DIV {
 color: green; /* Для браузера Internet Explorer */
 }
 </style>
 <![endif]-->
</head>
 <body>
 <div>Lorem ipsum dolor sit amet...</div>
</body>
</html>

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

Источник: http://htmlbook.ru/content/uslovnye-kommentarii
Автор: Влад Мержевич

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты