Все, что вам нужно знать об условных html комментариях

Иногда (почти всегда), когда проектируется веб-сайт, необходимо применять различные правила и стили в зависимости от браузера. Таким образом, вы можете исправить любую возможную ошибку и ограничения браузера, не затрагивая другие браузеры.

Microsoft представила начиная с Internet Explorer 5 механизм под названием условные комментарии который по-прежнему включает в себя самые последние версии и позволяет применять различные стили CSS или сценарии в зависимости от версии браузера.

Синтаксис условных комментариев основан на обычных HTML-комментариях, т.е.


Conditional content 

Синтаксис условных комментариев позволяет игнорировать ваш контент в любом браузере, кроме семейства Internet Explorer. Выражения создаются путем объединения идентификаторов, операторов и значений. Уникальный идентификатор определяется IE, что позволяет создать самый простой и полезный условный комментарий:


This browser is internet explorer (any version)

Если вы хотите ограничить область действия условного комментария одной версией Internet Explorer, вы можете напрямую указать номер версии, т.е.


this browser is Internet Explorer 5.5
this browser is Internet Explorer 6
this browser is Internet Explorer 8

IE> = 10

В Internet Explorer 10 и более поздних версиях предыдущий синтаксис больше не работает. Вместо этого используйте следующий синтаксис (обратите внимание, что операторы по-прежнему работают в обычном режиме):

 Include any style or script here if IE version is 10 or upper
Читайте также:  Как использовать изолированную программную среду Artyom.js на устройствах, подключенных к локальной сети

Наконец, также возможно использовать более сложные операторы, подобные тем, которые можно найти в языках программирования: & (а также) , | (или же). Вы также можете использовать скобки для создания расширенных выражений.

Не (!)

Простейшим оператором, определяемым условными комментариями, является оператор отрицания, указанный перед выражением для распознавания противоположного результата (!):

 Any browser except internet explorer
Adblock
detector