Условные комментарии(Conditional comments) в Internet Explorer
Условные комментарии работают только в Internet Explorer в Windows и поддерживаются начиная с 5 версии.
Условные комментарии выглядят так:
1 2 3 4 |
<!--[if IE 6]> Специальные инструкции для IE 6 <![endif]--> |
Как видим условный комментарий состоит из обычного HTML-комментария <!–– ––>. Все браузеры, как и положено, игнорируют данные внутри комментария.
В IE встроена дополнительная возможность. Он дополнительно парсит комментарий и ищет в нём вставки типа [if IE 6] и [endif]. IE воспринимает данную конструкцию как условие. Если условие — истина, значит контент внутри этого блока учитывается, иначе нет.
Данные условия можно использовать для вставки кода конкретно для IE нужной версии(или для всех версий). К примеру подключение нужных CSS файлов или скриптов.
Допускается использовать как в <head>, так и в <body>
Примеры условных комментариев:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<!--[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.