<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://microformats.org/wiki/index.php?action=history&amp;feed=atom&amp;title=get-started-ru</id>
	<title>get-started-ru - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://microformats.org/wiki/index.php?action=history&amp;feed=atom&amp;title=get-started-ru"/>
	<link rel="alternate" type="text/html" href="https://microformats.org/wiki/index.php?title=get-started-ru&amp;action=history"/>
	<updated>2026-04-03T22:58:40Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.38.4</generator>
	<entry>
		<id>https://microformats.org/wiki/index.php?title=get-started-ru&amp;diff=44118&amp;oldid=prev</id>
		<title>CSR: /* Введение */</title>
		<link rel="alternate" type="text/html" href="https://microformats.org/wiki/index.php?title=get-started-ru&amp;diff=44118&amp;oldid=prev"/>
		<updated>2011-06-20T07:14:14Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Введение&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 07:14, 20 June 2011&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l12&quot;&gt;Line 12:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 12:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;''Лучший способ понять микроформаты — это начать их использовать.'' Вы можете взять существующие страницы и наложить микроформаты поверх существующей структуры, никоим образом не повредив её, но рекомендуем вам посмотреть с высоты птичьего полёта на структуру всего вашего документа, чтобы найти и переделать его слабые места, придать структуре смысловую нагрузку, семантику.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;''Лучший способ понять микроформаты — это начать их использовать.'' Вы можете взять существующие страницы и наложить микроформаты поверх существующей структуры, никоим образом не повредив её, но рекомендуем вам посмотреть с высоты птичьего полёта на структуру всего вашего документа, чтобы найти и переделать его слабые места, придать структуре смысловую нагрузку, семантику.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Большое количество данных может быть размечено микроформатами. Они созданы, чтобы быть похожими на текущие стили разметки. Есть даже немалая вероятность того, что у вас на странице уже есть некоторые зачатки &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;микроформаты&lt;/del&gt;. Начните именно с них. Например, очень простой и быстрый старт можно получить, используя [[hcard-ru|hCard]] — микроформат для отображения персональной информации и информации об организациях. Вы можете подумать, что внедрение на странциу [[hcard-ru|hCard]] является внедрением визитной карточки, но &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;вы можете посмотреть &lt;/del&gt;некоторые [[hcard-examples-ru|примеры], чтобы убедиться, что это нечто большее.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Большое количество данных может быть размечено микроформатами. Они созданы, чтобы быть похожими на текущие стили разметки. Есть даже немалая вероятность того, что у вас на странице уже есть некоторые зачатки &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;микроформатов&lt;/ins&gt;. Начните именно с них. Например, очень простой и быстрый старт можно получить, используя [[hcard-ru|hCard]] — микроформат для отображения персональной информации и информации об организациях. Вы можете подумать, что внедрение на странциу [[hcard-ru|hCard]] является внедрением визитной карточки, но &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt; посмотрите &lt;/ins&gt;некоторые [[hcard-examples-ru|примеры&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;]&lt;/ins&gt;], чтобы убедиться, что это нечто большее.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Начните внедрять микроформаты уже сейчас.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Начните внедрять микроформаты уже сейчас.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Собственные ресурсы ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Собственные ресурсы ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>CSR</name></author>
	</entry>
	<entry>
		<id>https://microformats.org/wiki/index.php?title=get-started-ru&amp;diff=34251&amp;oldid=prev</id>
		<title>DinamytE at 16:13, 3 July 2008</title>
		<link rel="alternate" type="text/html" href="https://microformats.org/wiki/index.php?title=get-started-ru&amp;diff=34251&amp;oldid=prev"/>
		<updated>2008-07-03T16:13:07Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;&amp;lt;div style=&amp;quot;float:right;margin-left:1em&amp;quot;&amp;gt;__TOC__&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;h1&amp;gt;С чего начать&amp;lt;/h1&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Начните своё знакомство с микроформатами, добавив их к своему Web-сайту, сервисам или продуктам&lt;br /&gt;
&lt;br /&gt;
== Введение ==&lt;br /&gt;
Микроформаты основаны на соглашениях о простой разметке, которая позволяет добавить смысловую структуру к содержимому вашего сайта.&lt;br /&gt;
&lt;br /&gt;
Один из ключевых [[principles-ru|принципов]] микроформатов  — это предоставление [[humans-first-ru|удобного для чтения человеком]] контента. Это значит, что вы должны думать о том, чтобы ваш контент был удобочитаем. Используя [[semantic-xhtml-ru|наиболее подходящие HTML-элементы]] и применяя структурированные [[semantic-class-names-ru|имена классов]] для вашей разметки, вы производите контент, который может понять и человек, и программные средства. Всё дело в том, что для такой дружбы машины и человека вам не нужно изучать новые языки программирования или обучаться новым техническим приёмам. Всё что используется в микроформатах — всё это лежит прямо на поверхности и базируется на известных всем форматах.&lt;br /&gt;
&lt;br /&gt;
''Лучший способ понять микроформаты — это начать их использовать.'' Вы можете взять существующие страницы и наложить микроформаты поверх существующей структуры, никоим образом не повредив её, но рекомендуем вам посмотреть с высоты птичьего полёта на структуру всего вашего документа, чтобы найти и переделать его слабые места, придать структуре смысловую нагрузку, семантику.&lt;br /&gt;
&lt;br /&gt;
Большое количество данных может быть размечено микроформатами. Они созданы, чтобы быть похожими на текущие стили разметки. Есть даже немалая вероятность того, что у вас на странице уже есть некоторые зачатки микроформаты. Начните именно с них. Например, очень простой и быстрый старт можно получить, используя [[hcard-ru|hCard]] — микроформат для отображения персональной информации и информации об организациях. Вы можете подумать, что внедрение на странциу [[hcard-ru|hCard]] является внедрением визитной карточки, но вы можете посмотреть некоторые [[hcard-examples-ru|примеры], чтобы убедиться, что это нечто большее. &lt;br /&gt;
&lt;br /&gt;
Начните внедрять микроформаты уже сейчас.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Собственные ресурсы ==&lt;br /&gt;
&lt;br /&gt;
=== На своём Web-сайте ===&lt;br /&gt;
Если у вас есть свой собственный Web-сайт, прочитайте [[hcard-authoring-ru|инструкцию по внедрению hCard]], чтобы подробнее ознакомиться с этим процессом. &lt;br /&gt;
&lt;br /&gt;
* Добавьте [[hcard-ru|hCard]] на страницу информации о связи с вами&lt;br /&gt;
* Внедрите hCard вместе с [[xfn-ru|XFN]] к списку друзей (или блогроллу)&lt;br /&gt;
* Добавьте ваш сайт на нашу страницу [[hcard-examples-in-wild-ru|показательных внедрений]].&lt;br /&gt;
&lt;br /&gt;
Вы можете использовать [http://microformats.org/code/hcard/creator генератор hCard], если захотите. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== На своём блоге ===&lt;br /&gt;
Если у вас есть блог, вы также можете разметить его с помощью микроформатов.&lt;br /&gt;
&lt;br /&gt;
* Добавьте [[hatom-ru|hAtom]] для разметки статей&lt;br /&gt;
* Добавьте ваш блог на страницу [[hatom-examples-in-wild-ru|живых примеров]].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Организация ==&lt;br /&gt;
&lt;br /&gt;
=== Web-сайт ===&lt;br /&gt;
&lt;br /&gt;
==== Информация для связи ====&lt;br /&gt;
&lt;br /&gt;
* ''Информация для связи''. У каждой компании или организации есть странице для связи, где вы можете добавить [[hcard-ru|hCard]], например, используя [[hcard-authoring-ru|инструкцию по внедрению hCard]].&lt;br /&gt;
* ''Каталог сотрудников'' вы также можете разметить микроформатами, добавив hCard к спискам или результатам поиска.&lt;br /&gt;
* Добавьте эти страницы в нашу [[hcard-examples-in-wild-ru|коллекцию].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==== События ====&lt;br /&gt;
Используйте микроформат hCalendar везде, где вы размещаете информацию о проводимых событиях. Начните с [http://microformats.org/code/hcalendar/creator генератора hCalendar].&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
===== История =====&lt;br /&gt;
Если ваша организация публикует собственную историю, вы также можете разметить данные записи с помощью hCalendar, что позволит любому построить на основе этих данных временную характеристику происходивших событий.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Продукты ===&lt;br /&gt;
Ваша компания производит программы, генерирующие каким-либо образом HTML (CMS, Блог-платформа, например)?&lt;br /&gt;
&lt;br /&gt;
* Убедитесь, что она генерирует [[posh-ru|верную разметку]] и, где это возможно, внедрите микроформаты. &lt;br /&gt;
* Добавьте такие продукты на страницу [[implementations-ru|реализаций]].&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--=== enterprise ===&lt;br /&gt;
Wondering how to use microformats in an enterprise scenario?&lt;br /&gt;
&lt;br /&gt;
Any publication of information about people, events, reviews etc. could benefit from being marked up with hCard, hCalendar, and hReview respectively.--&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Другое содержимое ==&lt;br /&gt;
* Вы применяете лицензию к тому, что вы создаёте? Разметьте путь к вашей лицензии микроформатом [[rel-license-ru|rel-license]]&lt;br /&gt;
* Вы создаёте социальную суть, средство для управления социальными взаимоотношениями? Используйте [[XFN-ru|XFN]].&lt;br /&gt;
* Вы используете теги для статей? Тогда вам следует применить к ним [[rel-tag-ru|rel-tag]] (для собственных произведений) или [[xFolk-ru|xFolk]] (для любых произведений, URI).&lt;br /&gt;
* Вы публикуете списки, информацию о содержимом? Попробуйте использовать [[XOXO-ru|XOXO]].&lt;br /&gt;
* Размещаете обзоры? Тогда вам следует оформить их как [[hreview-ru|hReview]]. Можете использовать для этого [http://microformats.org/code/hreview/creator генератор hReview] &lt;br /&gt;
* Публикуете пресс-релизы или ведёте блог? Разметьте его с помощью [[hatom-ru|hAtom]].&lt;br /&gt;
&lt;br /&gt;
== Что делать дальше ==&lt;br /&gt;
Когда вы считаете, что разметили микроформатами все возможные блоки на вашем сайте, можете попробовать [[advocacy-ru|убедить]] других в пользе использования микроформатов.&lt;br /&gt;
&lt;br /&gt;
И ещё небольшое количество заметок:&lt;br /&gt;
&lt;br /&gt;
Попробуйте верстать чисто, [[semantic-xhtml-ru|семантично]], чтобы код был как можно более красивее. Не пренебрегайте [[posh-ru|POSH]]. Если вы не нашли [[microformats-ru|микроформата]] для вашего случая, попробуйте поэкспериментировать с [[poshformats-ru|POSH-форматами]].&lt;br /&gt;
&lt;br /&gt;
* [http://tantek.com/log/2004/07.html#classmeaningnotshow Class for meaning not for show]&lt;br /&gt;
* http://microformats.org/wiki/SemanticXHTMLDesignPrinciples&lt;br /&gt;
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML]&lt;br /&gt;
* [http://tantek.com/presentations/2005/03/elementsofxhtml Meaningful XHTML]&lt;br /&gt;
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Real World Semantics]&lt;br /&gt;
&lt;br /&gt;
== Смотрите также ==&lt;br /&gt;
* [[advocacy-ru|Защищайте микроформаты]]&lt;br /&gt;
* [[spread-microformats-ru|Продвигайте микроформаты]]&lt;/div&gt;</summary>
		<author><name>DinamytE</name></author>
	</entry>
</feed>