Условные комментарии(Conditional comments) в Internet Explorer

Условные комментарии работают только в Internet Explorer в Windows и поддерживаются начиная с 5 версии.

Условные комментарии выглядят так:

<!--[if IE 6]>
Специальные инструкции для IE 6
<![endif]-->

Как видим условный комментарий состоит из обычного HTML-комментария <!–– ––>. Все браузеры, как и положено, игнорируют данные внутри комментария.

В IE встроена дополнительная возможность. Он дополнительно парсит комментарий и ищет в нём вставки типа [if IE 6] и [endif]. IE воспринимает данную конструкцию как условие. Если условие – истина, значит контент внутри этого блока учитывается, иначе нет.

Данные условия можно использовать для вставки кода конкретно для IE нужной версии(или для всех версий). К примеру подключение нужных CSS файлов или скриптов.

Допускается использовать как в <head>, так и в <body>

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


<!--[if IE]>
Код, воспринимаемый только браузером IE(всеми версиями)
<![endif]-->

<!--[if IE 5]>
Код, воспринимаемый только браузером IE версии 5
<![endif]-->

<!--[if IE 5.5]>
Код, воспринимаемый только браузером IE версии 5.5
<![endif]-->

<!--[if IE 6]>
Код, воспринимаемый только браузером IE версии 6
<![endif]-->

<!--[if IE 7]>
Код, воспринимаемый только браузером IE версии 7
<![endif]-->

<!--[if gt IE 6]>
IE > 6
<![endif]-->

<!--[if gte IE 5]>
IE >= 5
<![endif]-->

<!--[if lt IE 6]>
IE < 6
<![endif]-->

<!--[if lte IE 5.5]>
IE <= 5.5
<![endif]-->

Примечание:

gt: Greater(больше) Than(чем)
gte: Greater(больше) Than(чем) or(или) Equal(эквивалентно) to
lt: Less(меньше) Than(чем)
lte: Less(меньше) Than(чем) or(или) Equal(эквивалентно) to

Подробнее об условных комментриях можно почитать на странице msdn.

Рубрики: HTML/CSS
Понравилось? Поделись с другими плз












Комментарии ВКонтакте





Комментарии с сайта

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

*