http://trifler.ru/blog/ Lasto Blogging Engine ru gordi serg_gordi@mail.ru serg_gordi@mail.ru http://trifler.ru/blog/i/lastoblog.png http://trifler.ru/blog/ http://trifler.ru/blog/post_1228153358.html <pre class="postzit"> Голая Правда божилась, клялась и рыдала, Долго болела, скиталась, нуждалась в деньгах. Грязная Ложь чистокровную лошадь украла И ускакала на длинных и тонких ногах. <p>"Притча о правде" <em>В.Высоцкий</em></p></pre> <br class="clear"> <p>В последнее время все чаще задаю себе вопрос. Почему большинство пишущих на тему верстки с упорством достойным лучшего применения проповедуют практику условных комментариев для детища <em>Microsoft</em>? Ведь по большому счету это такой же грязный хак, ничем не отличающийся от хаков для всех остальных браузеров.</p> <p>Что в принципе может поменяться, если для одного из избранных, мы используем "гламурную" обертку и <em>панацея</em> ли это на самом деле?</p> <p>Встав в известную позу страуса, кого мы обманываем? Валидатор стилей <em>W3C</em>?</p> <p>Не уже ли желание любой ценой пройти валидацию таблицы стилей и поставить баннер на страницу, преобладает над здравым смыслом?</p> <p>Вот давайте и поговорим про "Голую Правду" и "Грязную Ложь" связанную с применением условных комментариев.</p> <p>Исторически так сложилось, что разные браузеры по-своему интерпретируют те или иные стилевые правила. Причем разночтения бывают весьма существенны, и от версии к версии можно ждать чего угодно, часто с приобретением новых возможностей, что-то теряется безвозвратно.</p> <p>Поэтому вполне оправданное стремление профессиональных верстальщиков свести к минимуму визуальные разночтения при просмотре одной и той же <span>web</span>-страницы в "зоопарке" браузеров, породило целую индустрию по производству хаков. Что-то живет долго, что-то в следующих версиях перестает работать, но процесс, набравший обороты, подобен изобретению вечного двигателя.</p> <p>Первый лживый <em>постулат</em>, заключается в том, что <span>css</span>-хаки нужны только для IE. Мол, все остальные вменяемые браузеры прекрасно обходятся без них. Как вы понимаете, это довольно спорное утверждение, по меньшей мере, без основательно, аргументы и факты решительно свидетельствуют об обратном.</p> <p>Любой серьезный проект потребует этого от вас, и никуда вы не денетесь, таков реальный и суровый мир <span>web</span>-а.</p> <p>Как результат, валидность таблицы стилей, накрывается медным тазом. Нет для других браузеров подобной фишки, вроде "своих" условных комментариев.</p> <p><em>Постулат</em> номер два.</p> <p>Даже если вам удастся, сверстать страницу с хаками только для IE, убрав их в отдельные стилевые файлы с помощью условных комментариев, избавит или это вас, вернее пользователя, от головной боли?</p> <p>Посмотрим.</p> <p>В общем случае линки на файлы таблиц стилей выглядят приблизительно так:</p> <pre class="pre"> &lt;link type="text/css" href="style.css rel="stylesheet"&gt; &lt;!--[if IE 6]&gt; &lt;link type="text/css" href="ie6.css" rel="stylesheet"&gt; &lt;![endif]--&gt; &lt;!--[if IE 7]&gt; &lt;link type="text/css" href="ie7.css" rel="stylesheet"&gt; &lt;![endif]--&gt; &lt;!--[if IE 8]&gt; &lt;link type="text/css" href="ie8.css" rel="stylesheet"&gt; &lt;![endif]--&gt;</pre> <p>Вас ничто не смущает?</p> <p>Кто-то можете сказать, это же очень удобно. Умрет IE6, убили его файл, ничего лишнего, но стоит ли себя обманывать? Если это и случится, то точно не в этой жизни.</p> <p>О чем еще стыдливо умалчивают апологеты условных комментариев?</p> <p>Оперативность работы существенно снижается, тестирование страницы потребует открытия, как минимум двух файлов, причем во всех браузерах, говорим конкретно о линейке IE.</p> <p>И самое главное, с чем приходится сталкиваться чуть ли не ежедневно.</p> <p>Стоит у меня несколько версий FireFox, использую, как основной браузер, не без изъянов конечно, но всяко-разно лучше, чем OPERA или IE.</p> <p>И надо мне по чьей либо просьбе поправить страницу в одном из IE, а чтобы получить о ней полное представление, приходится скачивать ее всеми версиями от <em>Microsoft</em>, так как FF файлы, заключенные в условные комментарии игнорирует. Согласитесь, это же, ни в какие ворота не лезет.</p> <p>А ситуация, причем вполне реальная, когда, сохранив страничку на HDD с помощью IE7 и придя на работу в офис, да просто в гости, решив показать такую красивую и замечательную страницу, бог ты мой, как она была прекрасна :) будьте готовы к тому, что там стоит допотопный IE6, разочарование от просмотра, не заставит себя долго ждать.</p> <p>Всего этого можно было бы легко избежать, если бы был единый файл стилей, по крайней мере, пусть их будет немного больше, но без обертки условными комментариями.</p> <p>Да, в данном случае мы теряем мнимую валидность таблицы стилей, от которой пользователю, пришедшему на ваш ресурс ни холодно, ни жарко.</p> <p>Задайте себе вопрос и ответьте на него откровенно и честно, что вам важнее - баннер валидности таблицы стилей, пусть даже отсутствующий визуально, от которого нет никакой практической пользы или посетитель вашего ресурса, желающий более внимательно и подробно ознакомиться с вашими мыслями и соображениями в тихой, спокойной обстановке при отключенном Интернете?</p> <p>Итак, выбор за вами.</p> <p>Целесообразность принятого вами решения, на прямую зависит от того, кому вы адресуете свой ресурс, роботам или людям.</p> <p>P.S. В заключении не могу не упомянуть еще об одном поветрии - подключении таблицы стилей, таким вот образом:</p> <pre class="pre"> &lt;style type="text/css"&gt;@import url(style.css);&lt;/style&gt;</pre> <p>Думаю пользователь, сохранивший вашу страницу на HDD, выскажет в ваш адрес много, много "ласковых" слов, в виде не нормативной лексики.</p><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1228153358.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1228153358.html">All Comments</a></div> <!-- RSS_link_to_post end --><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1228153358.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1228153358.html">All Comments</a></div> <!-- RSS_link_to_post end --> Mon, 01 Dec 2008 23:42:38 GMT