Условные комментарии используются для написания специальных инструкций которые будут работать только в Internet Explorer не ниже 5-ой версии.
Условный комментарий выглядит следующим образом:
Code
Текст
- <!--[if IE]> Специальные инструкции для IE здесь. <![endif]-->
Структура похожа на обычный комментарий в HTML, поэтому остальные браузеры будут воспринимать его как обычный комментарий. Explorer распознает специальный синтаксис
<!—[if IE]>, решает условие if и парсит содержимое условного комментария так, как если бы это было содержание нормальной страницы. Условные комментарии используют синтаксис HTML комментариев, поэтому они могут быть включены только в HTML страницу. Удобно бывает сделать отдельные стили для IE и вставить тег link в условный комментарий.
<!—[if IE]>, решает условие if и парсит содержимое условного комментария так, как если бы это было содержание нормальной страницы. Условные комментарии используют синтаксис HTML комментариев, поэтому они могут быть включены только в HTML страницу. Удобно бывает сделать отдельные стили для IE и вставить тег link в условный комментарий.
Ниже написаны несколько условных комментариев, которые показывают версию Internet Explorer, которую вы используете.
Code
Текст
- <!--[if IE]> Инструкции для Internet Explorer <![endif]-->
- <!--[if IE 5]> Инструкции для IE 5 <![endif]-->
- <!--[if IE 5.0]> Инструкции для IE 5.0 <![endif]-->
- <!--[if IE 5.5]> Инструкции для IE 5.5 <![endif]-->
- <!--[if IE 6]> Инструкции для IE 6 <![endif]-->
- <!--[if IE 7]> Инструкции для IE 7 <![endif]-->
В условных комментариях можно использовать операторы, с помощью которых можно задать более комплексное условие. В таблице ниже приведены все операторы.
Оператор | Описание |
lt | меньше чем |
lte | меньше или равно |
gt | больше чем |
gte | больше или равно |
И несколько примеров:
Code
Текст
- <!--[if ! IE 5]> Инструкции для IE 5.5, 6 или 7 <![endif]-->
- <!--[if gt IE 5.0]> Инструкции для IE 5.5, 6 или 7 <![endif]-->
- <!--[if lte IE 5.5]> Инструкции для IE 5.0 или 5.5 <![endif]-->
- <!--[if gte IE 6]> Инструкции для IE 6 или 7 <![endif]-->
- <!--[if lt IE 7]> Инструкции для IE 5.0, 5.5 или 6 <![endif]-->
P.S. Материал взять от сюда, просто надоело каждый раз искать, вот и решил сохранить у себя на блоге . Спасибо автору статьи
Комментариев нет:
Отправить комментарий