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

conditional-comments.html

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

Условные комментарии — специальная конструкция, содержимое которой предназначено 
только для браузера Internet Explorer. Остальные браузеры это воспринимают как обычный комментарий.

  + предсказуемость поведения в будущих версиях браузера (чего не скажешь о CSS хаках)
  + валидность кода

  - увеличивается время загрузки страниц (для IE за счет дополнительного файла)
  
## Синтаксис

    <!--[if условие]> HTML код <![endif]-->

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

    <!--[if IE 6]>
        <p>Это можно будет увидеть только в IE6.</p>
    <![endif]-->

    <![if !IE]>Это увидят все браузеры кроме IE<![endif]>
    
Основное применение условных комментариев — исправление ошибок Internet Explorer, 
не прибегая к хакам. Для этого подключаем файлы стилей специально написанные для IE.

    <link href="styles.css" rel="stylesheet" type="text/css"/>
    <!--[if IE]><link href="styles-ie-fixes.css" rel="stylesheet" type="text/css"><![endif]-->

Универсальный способ подключения стилей

    <!--[if !IE]>--><link rel="stylesheet" href="styles.css" /><!--<![endif]-->
    <!--[if IE]><link rel=stylesheet href="styles.ie.css" /><![endif]-->