Page 48 - Сила CSS3 Освой новейший стандарт
P. 48
48 • Глава 1. Основная информация о CSS3
<!-- это какой-то код, который меня не касается, а вот теперь комментарий
закончился, и следующий код я должен разобрать -->
<link rel="stylesheet" href="not_ie.css" type="text/css">
<!-- еще код, который меня не касается, а вот теперь
комментарий закончился -->
Обратите внимание, что все комментарии ав-
Более сложное и всестороннее тономны, каждый из них открывается и закры-
описание синтаксиса условных вается в одной и той же строке. У браузеров нет
комментариев вы найдете в ста-
тье «Things You Might Not Know причины игнорировать код HTML за пределами
About Conditional Comments» комментариев, и единственная причина, почему
автора Louis Lazaris (http://www. это делает IE, — потому что его запрограммиро-
impressivewebs.com/conditional- вали именно так понимать специальный синтак-
comments). сис подобных комментариев.
Можно также создавать условные комментарии
с выявлением на нижнем уровне не для всех, а только для определенных версий IE:
<!--[if !IE 6]>-->
<link rel="stylesheet" href="not_ie6.css" type="text/css">
<!--<![endif]-->
Добавление классов для версий IE в тег html
Еще один способ применения условных комментариев подразумевает добавление
в тег html классов, указывающих версии IE, вместо «скармливания» соответству-
ющим версиям браузера собственных таблиц стилей. После этого вам остается
только написать в основной таблице стилей правила для каждого из перечисленных
классов. Данная техника не так распространена, как вариант с условными коммен-
тариями, однако она набирает популярность
благодаря Полу Айришу (Paul Irish), который
Дополнительные пробелы между
тегами нужны только для удоб- рассказал о ней в своем блоге в 2008 году (http://
ства чтения. В коде своих страниц paulirish.com/2008/conditional-stylesheets-vs-css-
вы можете их удалить. hacks-answer-neither/).
Код HTML выглядит при этом приблизительно
так:
<!--[if lt IE 7]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]> <html lang="en"> <![endif]-->
<!--[if !IE]>--> <html lang="en"> <!--<![endif]-->
www.trk.kg
