<?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>Seleckis.lv :: журнал Никиты Селецкого &#187; Статистика</title>
	<atom:link href="http://seleckis.lv/category/journal/statistika/feed" rel="self" type="application/rss+xml" />
	<link>http://seleckis.lv</link>
	<description></description>
	<lastBuildDate>Tue, 08 Feb 2011 13:52:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Вёрстка в Латвии: Вчера. Сегодня! Завтра?</title>
		<link>http://seleckis.lv/journal/research/vyorstka-v-latvii-vchera-segodnya-zavtra</link>
		<comments>http://seleckis.lv/journal/research/vyorstka-v-latvii-vchera-segodnya-zavtra#comments</comments>
		<pubDate>Thu, 27 May 2010 15:31:55 +0000</pubDate>
		<dc:creator>Никита</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[xhtml/xml]]></category>
		<category><![CDATA[Брaузеры]]></category>
		<category><![CDATA[Исследования]]></category>
		<category><![CDATA[Статистика]]></category>

		<guid isPermaLink="false">http://seleckis.lv/?p=1835</guid>
		<description><![CDATA[Версия моего выступления на Web Standards Days Riga 2010 вызвавшего неоднозначную реакцию.
Много было регистраций работников различных дизайн студий, компаний занимающихся разносторонней веб-разработкой, банков, министерств, фрилансеров и просто интересующихся. Я не зря добавил в форму регистрации поле для адреса сайта. Те люди, что собрались на конференцию, скромно говоря, флагманы, пионеры латвийской веб-разработки. Поэтому не грех было [...]]]></description>
			<content:encoded><![CDATA[<p><em>Версия моего выступления на Web Standards Days Riga 2010 вызвавшего неоднозначную реакцию.</em></p>
<p>Много было регистраций работников различных дизайн студий, компаний занимающихся разносторонней веб-разработкой, банков, министерств, фрилансеров и просто интересующихся. Я не зря добавил в форму регистрации поле для адреса сайта. Те люди, что собрались на конференцию, скромно говоря, флагманы, пионеры латвийской веб-разработки. Поэтому не грех было покопаться в их работах и попробовать понять, что же всё-таки у нас происходит с текущим использованием технологий?</p>
<p>Статистика вещь интересная, но только если она связанна с интересными темами. Мне было интересно заняться небольшим статистическим анализом, результатами которого я с вами сейчас поделюсь. Конечно в дебри я не полез, из-за большой лени, но то, чего успел накопать хватает достаточно, чтобы составить небольшую рекомендацию, с чего стоит начать осовременивать свою вёрстку.</p>
<h3>Вчера</h3>
<p>Итак, что же можно назвать «вчера»?</p>
<ul>
<li>ASCII кодировка</li>
<li>Не использование DOCTYPE</li>
<li>DOCTYPE с указанием спецификации</li>
<li>Валидация ради валидации</li>
</ul>
<p>Список можно продолжить, но мне лениво.</p>
<h3>Кодировка</h3>
<p>Для начала рассмотрим какие кодировки использовались на проанализированных сайтах.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-1836" title="Encoding of latvian web sites: UTF-8 — 93%. Yea, baby, yea!" src="http://seleckis.lv/wp-content/uploads/2010/05/encoding.png" alt="" width="570" height="431" /></p>
<p>Здесь всё замечательно, почти на всех сайтов используется кодировка utf-8. Это проще, чем подбирать для каждого языка свою. Здесь могу только посоветовать, тем 7 %, кто остался переходить на uft-8. Больше говорить не о чем.</p>
<h3>DOCTYPE</h3>
<p>Многие до сих пор не понимают значения доктайпа. Для того, чтобы это понять, нужно сначала обратиться к истории. Ну долго копаться в ней не будем, единственно упомянем, что существует два режима отображения веб-страницы — Standards Mode  и Quirks Mode,  ну так исторически сложилось. Первый — это режим отображения согласно веб-стандартам W3C, второй — режим поддержки старых сайтов, написанных в 90-е годы. Чем конкретно они отличаются читайте на W3C или в Википедии, ищите в Гугле… информации полно, но я на этом зацикливаться не буду. <em>(Ну там ещё есть almost standards, который от standards почти не отличается)</em></p>
<p>Если вы не пишете доктайп, то включается Quirks Mode. Если пишете — Standards Mode. Но есть исключения:</p>
<ul>
<li>Internet Explorer воспринимает декларацию HTML 4.0 и старее как Quirks Mode.</li>
<li>В случае с XHTML по правилам требуется xml-декларация. И её фактически никогда не пишут, поскольку из-за неё IE6 переключается в Quirks Mode.</li>
<li>Опера вообще не поддерживает Quirks Mode. Даже без DOCTYPE страница рендерится в Standards Mode.</li>
</ul>
<p>Более подробные нюансы <a href="http://en.wikipedia.org/wiki/Quirks_mode">о QuirksMode можно почитать в Википедии</a>.</p>
<p><strong>Итог: Чтоб избежать проблем нужно использовать DOCTYPE обязательно.</strong></p>
<h3>DOCTYPE с указанием спецификации или валидация ради валидации</h3>
<p>Теперь посмотрим как у нас обстоят дела с доктайпами на латвийских сайтах.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-1837" title="Doctypes of latvian web sites: XHTML 1.0 Transitional — 49%; HTML 4.01 Transitional — 24%; XHTML 1.0 Strict — 15%; XHTML 1.1 — 4 %; HTML 5 — 1%; Quirks Mode + HTML 4.0  — 7 % (Ouch!)" src="http://seleckis.lv/wp-content/uploads/2010/05/doctypes.png" alt="" width="592" height="582" /></p>
<p>Великолепно! 68 % указывают XHTML  декларацию. А теперь проверим, проходят ли они валидацию?</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-1838" title="Validation of latvian web sites: Not valid — 78 %; valid — 21 %; damaged — 1 %" src="http://seleckis.lv/wp-content/uploads/2010/05/validation.png" alt="" width="512" height="474" /></p>
<p style="text-align: center;">
<p>Внимание, вопрос! Зачем для сайтов указывать доктайпы со спецификацией, если валидацию они не проходят?</p>
<p>Если почитать спецификацию XHTML, то такой документ по сути должен передаваться в формате application/xhtml+xml. Это можно сказать «чистый» XHTML. Правильный. Мы все любим правильность и я в том числе, поэтому большинство сайтов написаны в формате XHTML. Там и правильные закрывающие теги и правильная вложенность и дубрирующееся написание значения атрибутов-флагов.</p>
<p>А на самом деле все передают такой документ в формате text/html. Почему? Во-первых многие не знают, что он должен передаваться как application, а во-вторых — незачем! Чаще всего модульные технологии расширения, для которых был создан XHTML, не используются. Ни прстранства имён, ни MathML, ни семантическая вёрстка через RDF и другие крутые вещи не нужны для создния веб-сайтов и сервисов.</p>
<p>Так зачем же мы пишем такой сложный Доктайп? И при чём он у всех такой разный. Он вам не нужен такой! Напишите его проще. Вот так:</p>
<p style="text-align: center; font-size: 32px; color: #888;">&lt;!DOCTYPE html&gt;</p>
<p>Дело в том, что именно по этой части DOCTYPE браузер определяет, переходить ли ему в режим Standards Mode или нет. Указание дальнейшей спецификации и соответствующего адреса браузеру не нужно, он прекрасно справится. Спецификация нужна только для валидатора. Тем более что данная декларация, вот именно в таком виде уже включена в стандарт HTML 5 и тупые ошибки вы сможете определить W3C-валидатором.</p>
<p>Хорошо, допустим вы такой упрямый и всё равно считаете, что будете верстать в XHTML и указывать соответствующий доктайп, просто потому, что так правильней и можно проверить в валидаторе ту самую паранойю «disabled=&#8221;disabled&#8221;». Но на какой стадии вы это делаете? На стадии девелопинга! Так на продакшен-сервере, то он вам зачем?! Вот то-то и оно…</p>
<p><em>Холивар про «em vs. px» напишу чуть позже.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://seleckis.lv/journal/research/vyorstka-v-latvii-vchera-segodnya-zavtra/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

