<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ZODIOS.net &#187; Safari</title>
	<atom:link href="http://zodios.net/tag/safari/feed" rel="self" type="application/rss+xml" />
	<link>http://zodios.net</link>
	<description>HTML-Верстка сайта в деталях</description>
	<lastBuildDate>Wed, 18 Nov 2009 08:12:32 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Хаки – краткий путь к кроссбраузерности?</title>
		<link>http://zodios.net/htmlcss/hacks.html</link>
		<comments>http://zodios.net/htmlcss/hacks.html#comments</comments>
		<pubDate>Sun, 07 Sep 2008 08:32:02 +0000</pubDate>
		<dc:creator>Orosi</dc:creator>
				<category><![CDATA[HTML&CSS]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://zodios.net/?p=163</guid>
		<description><![CDATA[Хаки – особые комбинации символов, которые приводят к неожиданному результату. В верстке хаки это селекторы CSS которые написаны таким образом, что они воспринимаются разными браузерами по-разному.

Например, селектор * html #someName будет воспринят только IE6. Все остальные браузеры его проигнорируют. Несмотря на мнимую простоту в использовании, хаки имеют ряд недостатков.  Главный недостаток состоит в том, [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Хаки</strong> – особые комбинации символов, которые приводят к неожиданному результату. В верстке хаки это селекторы CSS которые написаны таким образом, что они воспринимаются разными браузерами по-разному.</p>
<p><span id="more-163"></span></p>
<p>Например, селектор * html #someName будет воспринят только IE6. Все остальные браузеры его проигнорируют. Несмотря на мнимую простоту в использовании, хаки имеют ряд недостатков.  Главный недостаток состоит в том, что хаки в большей степени основаны на ошибках,  или неточностях интерпретации, по этому, есть вероятность того, что с выходом новой версии браузера старые  хаки будут исправлены. Посему процесс поиска хаков является бесконечным.  Другим немаловажным  недостатком является то, что большинство хаков не проходят валидацию.</p>
<p>Целью этой заметки было собрать работающие хаки. На момент написания статьи хаки проверялись в таких браузерах:Opera 9.52, Firefox 3.0.1, IE6,7,8.beta1, Safari 3.1.2,Google Chrome 0.2.149.</p>
<p>Для того чтоб использовать на одном компьютере несколько версий браузера Internet Explorer необходимо установить IETester или Multiple IE. Подробней можно прочитать в заметке &laquo;<a href="http://zodios.net/inst/coderinstruments.html" target="_blank">Джентльменский набор верстальщика</a>&laquo;</p>
<h4>Синтаксис хаков</h4>
<div class="css">
<pre><code>
/* Хак только для IE6 */
* html .ie6 {
color:red;
}

/* Хак только для IE6 */
.ie6a {
_color:yellow;
}

/* Хак только для IE6,7 */
.ie6_7 {
//color:yellow;
}

/* Хак только для IE7,8.beta 1 */
* + html .ie7 {
color:green;
}

/* Хак только для IE7,8.beta 1 */
*:first-child+html .ie7a {
color:#0000CC;
}

/* Хак только для IE7,6 */
.ie7b {
#color:#00FF00;
}

/* Хак только для IE7,FireFox */
.ie7ff, x:-moz-any-link {
color:#00FFFF;
}

/* Хак только для IE7,FireFox */
 html:not([lang*=""]):not(:only-child) .ffSafariChrome {
color:#990000;
}

/* Хак только для Safari,Opera,Google Chrome*/
@media all and (min-width: 0) {
.safariOperaChrome {
color:#FF00FF;
}}

/* Хак только для Safari,FireFox,Google Chrome */
html:root .ffSafariChrome {
color:#660066;
}

/* Хак только для Safari,Opera,Google Chrome */
body:first-of-type .operaChromeSafari {
color:orange;
}

</code>
</pre>
</div>
<p><a href="http://zodios.net/examples/hacks/example1.html" target="_blank">Реализация хаков</a></p>
<h4>Резюме</h4>
<p>Как видно из примера, хаки это довольно сомнительный способ получения кроссбраузерности. Фактически пока есть только хаки под Internet Explorer 6, которые работают только в этом браузере. С моей точки зрения единственным эффективным инструментом для отделения одного браузера является условный комментарий. Подробней об условных комментариях можно прочитать в заметке &laquo;<a href="http://zodios.net/htmlcss/ifcomments.html" target="_blank">Условные комментарии для IE</a>&laquo;</p>
]]></content:encoded>
			<wfw:commentRss>http://zodios.net/htmlcss/hacks.html/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

