https://microformats.org/wiki/api.php?action=feedcontributions&feedformat=atom&user=Curly+BraceMicroformats Wiki - User contributions [en]2026-04-09T03:34:42ZUser contributionsMediaWiki 1.38.4https://microformats.org/wiki/index.php?title=hcard-ru&diff=27616hcard-ru2008-07-06T13:06:19Z<p>Curly Brace: </p>
<hr />
<div>{{working-ru|original=hcard}}<br />
<h1>hCard</h1><br />
{{TOC-right}}<br />
hCard — это простой, открытый микроформат для описания людей, компаний, организаций и мест, используя всю мощь vCard ([[rfc-2426|RFC 2426 (англ.)]]). Имена классов hCard полностью отображают имена соответствующих полей vCard на [[semantic-xhtml-ru|семантический (X)HTML]]. hCard — это один из открытых [[microformats-ru|микроформатов]], который можно внедрить в HTML, XHTML, ATOM, RSS и XML.<br />
<br />
Хотите разметить собственный hCard? Попробуйте начать с [http://microformats.org/code/hcard/creator генератора hCard] или создайте разметку данного микроформата самостоятельно, следуя [[hcard-authoring-ru|подсказкам]] по внедрению на существующие страницы.<br />
<br />
== Спецификация ==<br />
<br />
<div class="vcard"><br />
; <span class="role">Редактор</span> <br />
: <span class="fn">[[User:Tantek|Tantek Çelik]]</span> (<span class="url">http://tantek.com/</span>, ранее в [http://technorati.com Technorati, Inc.], и в [http://microsoft.com/ Microsoft Corporation])<br />
</div><br />
; Авторы: [http://tantek.com/ Tantek Çelik] (членство в организациях указано выше)<br />
: <span class="vcard"><span class="fn">[[User:Brian|Brian Suda]]</span> (<span class="url">http://suda.co.uk/</span>)</span><br />
<br />
; Официальные подтверждения: Смотрите [[hcard#Inspiration_and_Acknowledgements|Официальные подтверждения]].<br />
<br />
[[hcard#Copyright|авторские права]] и заявки на [[hcard#Patents|патенты]].<br />
<br />
== Введение ==<br />
Стандарт vCard ([[rfc-2426|RFC2426]]), был широко внедрен для обеспечения взаимодействия (например приложение "Address Book" компании Apple, встроеное в MacOSX).<br />
<br />
Дополнительно, многие блоггеры идентифицируют себя по имени и обсуждают своих друзей и семью на страницах блогов. С помощью небольшой структуризации, блоггеры могут обсуждать(описывать) людей в своих блогах таким образом, что поисковые роботы и другие агрегаторы смогут запросить эту информацию, автоматически конвертировать ее в vCard и использовать ее в последствии в любом сервисе или приложении, работающем с vCard.<br />
<br />
Эта спецификация представляет формат '''hCard''', который использует репрезентацию вида 1:1(один к одному) свойств и значений вышеозначенного стандарта vCard в семантическом HTML. Блоггеры могут внедрять hCard напрямую в веб-документы и оформлять их спомощью CSS для придания им желаемого внешнего вида. Также hCard позволяет приложениям запрашивать информацию прямиком из веб-документов без обращений к отдельным файлам.<br />
<br />
Используйте [http://microformats.org/code/hcard/creator hCard-генератор] и копируйте HTML-код который он генерирует в ваш блог или сайт для публикации контактой информации.<br />
<br />
{{rfc-2119-intro}}</div>Curly Bracehttps://microformats.org/wiki/index.php?title=hcard-ru&diff=27612hcard-ru2008-07-06T12:43:45Z<p>Curly Brace: </p>
<hr />
<div>{{working-ru|original=hcard}}<br />
<h1>hCard</h1><br />
{{TOC-right}}<br />
hCard — это простой, открытый микроформат для описания людей, компаний, организаций и мест, используя всю мощь vCard ([[rfc-2426|RFC 2426 (англ.)]]). Имена классов hCard полностью отображают имена соответствующих полей vCard на [[semantic-xhtml-ru|семантический (X)HTML]]. hCard — это один из открытых [[microformats-ru|микроформатов]], который можно внедрить в HTML, XHTML, ATOM, RSS и XML.<br />
<br />
Хотите разметить собственный hCard? Попробуйте начать с [http://microformats.org/code/hcard/creator генератора hCard] или создайте разметку данного микроформата самостоятельно, следуя [[hcard-authoring-ru|подсказкам]] по внедрению на существующие страницы.<br />
<br />
== Спецификация ==<br />
<br />
<div class="vcard"><br />
; <span class="role">Редактор</span> <br />
: <span class="fn">[[User:Tantek|Tantek Çelik]]</span> (<span class="url">http://tantek.com/</span>, ранее в [http://technorati.com Technorati, Inc.], и в [http://microsoft.com/ Microsoft Corporation])<br />
</div><br />
; Авторы: [http://tantek.com/ Tantek Çelik] (членство в организациях указано выше)<br />
: <span class="vcard"><span class="fn">[[User:Brian|Brian Suda]]</span> (<span class="url">http://suda.co.uk/</span>)</span><br />
<br />
; Официальные подтверждения: Смотрите [[hcard#Inspiration_and_Acknowledgements|Официальные подтверждения]].<br />
<br />
[[hcard#Copyright|авторские права]] и заявки на [[hcard#Patents|патенты]].</div>Curly Bracehttps://microformats.org/wiki/index.php?title=Main_Page-ru&diff=27600Main Page-ru2008-07-05T23:04:45Z<p>Curly Brace: </p>
<hr />
<div><div style="float:right;margin-left:1em">__TOC__</div><br />
<br />
'''Добро пожаловать в Вики о микроформатах.'''<br />
<br />
Начните своё изучение микроформатов с [[introduction-ru|введения]]. Перед участием в развитии микроформатов, рекомендуем прочитать [[how-to-play-ru|руководство к действию]].<br />
<br />
<br />
==Введение==<br />
* Посмотрите определение [http://microformats.org/wiki/posh-ru <abbr title="Plain Old Semantic HTML">POSH</abbr>].<br />
* Уделите внимание [[About_Microformats-ru|описанию микроформатов]]<br />
* У вас есть вопросы? Изучите [[faq-ru|FAQ (часто задаваемые вопросы)]] и проверьте [[glossary-ru|глоссарий]] для получения списка терминов. <br />
* Хотите посетить какие-нибудь встречи сообщества? Проверьте список грядущих [[events|встреч]].<br />
<br />
<br />
==Определение==<br />
Микроформаты — это сущности поверх XHTML, с помощью которых можно легко описывать ''людей'', ''события'', ''теги'' и много другой информации на Web-страницах.<br />
<br />
С помощью микроформатов публикация разнообразной информации в Web становится ещё проще и ещё доступнее. К тому же, с помощью микроформатов вы сможете очень просто создать различные механизмы API для работы с вашим Web-ресурсом. Ознакомьтесь с другими [[what-are-microformats-ru|особенностями]] микроформатов, а также посмотрите, как их можно [[what-can-you-do-with-microformats-ru|применять]].<br />
<br />
<br />
== Как принять участие? ==<br />
Хотите помочь выйти микроформатам на новый уровень? Вы можете:<br />
<br />
* [[get-started-ru|Начать]] с добавления микроформатов на свой собственный сайт.<br />
* [[advocacy-ru|Пропагандировать]] использование микроформатов на других сайтах, особенно на тех, которыми пользуетесь.<br />
* Описать свой [[testimonial|опыт]] работы с микроформатами.<br />
<!--* Do something on the [[to-do|to do list]].--><br />
<!--* Join the [[irc|IRC Channel]] and [[mail|mailing lists]] to learn and help answer questions (read the [[mailing-lists#General_guidelines|general guidelines]] before posting).--><br />
<!--* [[Main_Page#microformats_wiki_translations|Translate this microformats wiki into other languages]] to make microformats more accessible to readers of languages around the world.--><br />
<!--* Before proposing any new microformats, make sure your website is [[POSH]], [[get-started|uses existing microformats]], and then read the [[process]].--><br />
<br />
<br />
== Спецификации ==<br />
Открытые спецификации [[About_Microformats-ru|микроформатов]].<br />
<br />
* [[hcalendar-ru|hCalendar]] - [http://microformats.org/code/hcalendar/creator Генератор hCalendar]<br />
* [[hcard-ru|hCard]] - [http://microformats.org/code/hcard/creator Генератор hCard]<br />
* [[rel-license-ru|rel-license]]<br />
* [[rel-nofollow-ru|rel-nofollow]]<br />
* [[rel-tag-ru|rel-tag]]<br />
* [[vote-links-ru|VoteLinks]]<br />
* [[XFN-ru|XFN]] - [http://gmpg.org/xfn/creator Генератор XFN]<br />
* [[XMDP-ru|XMDP]]<br />
* [[xoxo-ru|XOXO]]<br />
<br />
<br />
== Разработки стандартов ==<br />
* [[adr-ru|adr]] - для разметки адресов на странице<br />
* [[geo-ru|geo]] - для разметки [http://en.wikipedia.org/wiki/WGS84 WGS84] географических координат объектов (широта, долгота)<br />
* [[hatom-ru|hAtom]] - разметка (синдицирование) эпизодического содержимого (например, статей в блоге)<br />
* [[hresume-ru|hResume]] - для публикации резюме<br />
* [[hreview-ru|hReview]] - для размещения отзывов [http://microformats.org/code/hreview/creator Создание hReview]<br />
* [[rel-directory-ru|rel-directory]] - для оповещения о том, что ссылка ведёт на листинг директории<br />
* [[rel-ecolabel-ru|rel-ecolabel]] - для выделения Ecolabel-продуктов, компаний<br />
* [[rel-enclosure-ru|rel-enclosure]] - для выделения прикреплений (например, файлов) для загрузки и кеширования<br />
* [[rel-home-ru|rel-home]] - ссылка на главную страницу сайта<br />
* [[rel-payment-ru|rel-payment]] - выделение механизма оплаты чего-либо<br />
* [[robots-exclusion-ru|robots exclusion]]<br />
* [[xfolk-ru|xFolk]]<br />
<br />
<br />
== Паттерны ==<br />
{{design_patterns-ru}} <!-- Русская версия: /wiki/Template:design_patterns-ru --><br />
* [[elemental-microformat-ru|Простые микроформаты]]<br />
* [[compound-microformat-ru|Составные микроформаты]]<br />
<br />
<br />
== Дискуссии ==<br />
Прочитайте [[exploratory-discussions|дискуссии]] об исследованиях и анализе реальных [[examples|примеров]], существующих форматов. Здесь же можно застать обсуждения о процессе введения новых микроформатов. <br />
<br />
*[[exploratory-discussions#Active|Активные дискуссии]]<br />
*[[exploratory-discussions#Current|Текущие, но менее активные]]<br />
*[[exploratory-discussions#Moribund|Умирающие]]<br />
*[[exploratory-discussions#Abandoned|Формально заброшеенные]]<br />
*[[exploratory-discussions#Archive|Архивные]]<br />
<br />
<br />
== Примеры ==<br />
* [[examples-in-the-wild|Примеры в реальном Web]]<br />
* [[implementations|Реализации]]<br />
* [[zen-garden|Zen Garden]]<br />
<br />
<br />
== Ресурсы ==<br />
''См. [[resources-ru|ресурсы]].''<br />
* [http://microformats.org/ Последние новости (англ.)]<br />
* [[press|Пресса (англ.)]]<br />
* [[presentations|Презентации (англ.)]]<br />
* [[books|Книги (англ.)]]<br />
* [[podcasts|Подкасты (англ.)]]<br />
* [[screencasts|Скринкасты (англ.)]].<br />
<br />
<br />
== Разработка относительно пользователя ==<br />
*[[user-interface-ru|Пользовательский интерфейс]]<br />
*[[data-portability-ru|Переносимость данных]]<br />
*[[social-network-portability-ru|Переносимость социальных сетей]]<br />
<br />
<br />
== Рабочее пространство ==<br />
* [[to-do|Что ещё сделать?]]<br />
* [[templates|Шаблоны]]<br />
* [http://microformats.org/wiki/delete Страницы на удаление] <!-- keep as external link; removes from "what links here" --><br />
* [[Special:Specialpages|"Специальные" страницы]]<br />
<!--* [[year-in-review]]--><br />
<br />
<br />
== Утилиты ==<br />
Чтобы увидеть реальные примеры реализации микроформатов, лучше посмотреть на конкретные микроформаты в отдельности. Существует лишь небольшое число [[tools|утилит]], которые обрабатывают более одного микроформата сразу. Данный раздел направлен на разработчиков парсеров, валидаторов, приложений для тестирования и так далее.<br />
<br />
<br />
== Wiki о микроформатах на других языках ==<br />
<span id="microformats_wiki_translations_in_other_languages">Вы можете изучить Wiki на других языках:</span><br />
<br />
* Более 100 статей<br />
** [[Main_Page|<span lang="en">English</span>]]<br />
** [[Main_Page-fr|<span lang="fr">Français</span> (French)]]<br />
* Более 10 статей<br />
** [[Main_Page-pt-br|<span lang="pt-br">Português</span> (Brazilian Portuguese)]]<br />
** [[Main_Page-ja|<span lang="ja">日本語</span> (Japanese)]]<br />
* Более двух статей<br />
** [[Main_Page-cs|<span lang="cs">Česky</span> (Czech)]] <br />
** [[Main_Page-de|<span lang="de">Deutsch</span> (German)]]<br />
** [[Main_Page-es|<span lang="es">Español</span> (Spanish)]]<br />
** [[Main_Page-gl|<span lang="gl">Galego</span> (Galician)]]<br />
** [[Main_Page-pl|<span lang="pl">Polski</span> (Polish)]]<br />
** [[Main_Page-ro|<span lang="ro">Română</span> (Romanian)]]<br />
** [[Main_Page-zh|<span lang="zh">汉语</span> (Chinese)]]<br />
* Только начатые переводы<br />
** [[Main_Page-ar|<span lang="ar">العربية</span> (Arabic)]]<br />
** [[Main_Page-he|<span lang="he">עברית</span> (Hebrew)]]<br />
** [[Main_Page-th|<span lang="th">ภาษาไทย</span> (Thai)]]<br />
* В других местах<br />
**[http://ru.wikipedia.org/wiki/%D0%9C%D0%B8%D0%BA%D1%80%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D1%8B Русская статья о микроформатах в Википедии]<br />
<br />
Поищите другие [[other-languages|переводы]] и просмотрите [[how-to-start-new-translation|введение для переводчиков]] (англ.).</div>Curly Bracehttps://microformats.org/wiki/index.php?title=Main_Page-he&diff=34259Main Page-he2008-07-05T23:02:35Z<p>Curly Brace: </p>
<hr />
<div><div style="float:left;margin-right:1em text-align: right; direction: rtl;">__TOC__</div><br />
<div style="text-align: right; direction: rtl;"><br />
'''ברוכים הבאים לויקי על מיקרופורמטים'''<br />
<br />
תתחילו ללמוד על מיקרופורמטים מה[[introduction-he|מבוא]]. לפני שתשתתפו בפיתוח מיקרופורמטים מומלץ לקרוא [[how-to-play-he|מדריך למשתתפים]] <br />
<br />
==מבוא==<br />
* תעינו בהגדרת [http://microformats.org/wiki/posh-he <abbr title="Plain Old Semantic HTML">POSH</abbr>].<br />
* תשימו לב ל [[About_Microformats-ru|תיאור מיקרופורמטים]]<br />
* יש לכם שאלות? תקראו [[faq-ru|FAQ (שאלות נפוצות)]] ותבדקו [[glossary-ru|מילון מונכים]] לקבלת רשימת מושגים. <br />
* רוצים להפגש עם משתתפים בקהילה? תעינו ברשימה של [[events|הפגישות]].<br />
<br />
<br />
==הגדרה==<br />
Микроформаты — это сущности поверх XHTML, с помощью которых можно легко описывать ''людей'', ''события'', ''теги'' и много другой информации на Web-страницах.<br />
<br />
С помощью микроформатов публикация разнообразной информации в Web становится ещё проще и ещё доступнее. К тому же, с помощью микроформатов вы сможете очень просто создать различные механизмы API для работы с вашим Web-ресурсом. Ознакомьтесь с другими [[what-are-microformats-ru|особенностями]] микроформатов, а также посмотрите, как их можно [[what-can-you-do-with-microformats-ru|применять]].<br />
<br />
<br />
== איך אפשר להשתתף? ==<br />
Хотите помочь выйти микроформатам на новый уровень? Вы можете:<br />
<br />
* [[get-started-ru|Начать]] с добавления микроформатов на свой собственный сайт.<br />
<!-- * [[advocacy|Advocate]] the use of microformats on other web sites, especially those you use. --><br />
* Описать свой [[testimonial|опыт]] работы с микроформатами.<br />
<!--* Do something on the [[to-do|to do list]].--><br />
<!--* Join the [[irc|IRC Channel]] and [[mail|mailing lists]] to learn and help answer questions (read the [[mailing-lists#General_guidelines|general guidelines]] before posting).--><br />
<!--* [[Main_Page#microformats_wiki_translations|Translate this microformats wiki into other languages]] to make microformats more accessible to readers of languages around the world.--><br />
<!--* Before proposing any new microformats, make sure your website is [[POSH]], [[get-started|uses existing microformats]], and then read the [[process]].--><br />
<br />
<br />
== תקנות ==<br />
Открытые спецификации [[About_Microformats-ru|микроформатов]].<br />
<br />
* [[hcalendar-ru|hCalendar]] - [http://microformats.org/code/hcalendar/creator Генератор hCalendar]<br />
* [[hcard-ru|hCard]] - [http://microformats.org/code/hcard/creator Генератор hCard]<br />
* [[rel-license-ru|rel-license]]<br />
* [[rel-nofollow-ru|rel-nofollow]]<br />
* [[rel-tag-ru|rel-tag]]<br />
* [[vote-links-ru|VoteLinks]]<br />
* [[XFN-ru|XFN]] - [http://gmpg.org/xfn/creator Генератор XFN]<br />
* [[XMDP-ru|XMDP]]<br />
* [[xoxo-ru|XOXO]]<br />
<br />
<br />
== פיתוח סטנדרטים ==<br />
* [[adr-ru|adr]] - для разметки адресов на странице<br />
* [[geo-ru|geo]] - для разметки [http://en.wikipedia.org/wiki/WGS84 WGS84] географических координат объектов (широта, долгота)<br />
* [[hatom-ru|hAtom]] - разметка (синдицирование) эпизодического содержимого (например, статей в блоге)<br />
* [[hresume-ru|hResume]] - для публикации резюме<br />
* [[hreview-ru|hReview]] - для размещения отзывов [http://microformats.org/code/hreview/creator Создание hReview]<br />
* [[rel-directory-ru|rel-directory]] - для оповещения о том, что ссылка ведёт на листинг директории<br />
* [[rel-ecolabel-ru|rel-ecolabel]] - для выделения Ecolabel-продуктов, компаний<br />
* [[rel-enclosure-ru|rel-enclosure]] - для выделения прикреплений (например, файлов) для загрузки и кеширования<br />
* [[rel-home-ru|rel-home]] - ссылка на главную страницу сайта<br />
* [[rel-payment-ru|rel-payment]] - выделение механизма оплаты чего-либо<br />
* [[robots-exclusion-ru|robots exclusion]]<br />
* [[xfolk-ru|xFolk]]<br />
<br />
<br />
== שאבלונים ==<br />
{{design_patterns-ru}} <!-- Русская версия: /wiki/Template:design_patterns-ru --><br />
* [[elemental-microformat-ru|Простые микроформаты]]<br />
* [[compound-microformat-ru|Составные микроформаты]]<br />
<br />
<br />
== דיונים ==<br />
Прочитайте [[exploratory-discussions|дискуссии]] об исследованиях и анализе реальных [[examples|примеров]], существующих форматов. Здесь же можно застать обсуждения о процессе введения новых микроформатов. <br />
<br />
*[[exploratory-discussions#Active|Активные дискуссии]]<br />
*[[exploratory-discussions#Current|Текущие, но менее активные]]<br />
*[[exploratory-discussions#Moribund|Умирающие]]<br />
*[[exploratory-discussions#Abandoned|Формально заброшеенные]]<br />
*[[exploratory-discussions#Archive|Архивные]]<br />
<br />
<br />
== דוגמאות ==<br />
* [[examples-in-the-wild|Примеры в реальном Web]]<br />
* [[implementations|Реализации]]<br />
* [[zen-garden|Zen Garden]]<br />
<br />
<br />
== קישורים בנושא ==<br />
''См. [[resources-ru|ресурсы]].''<br />
* [http://microformats.org/ Последние новости (англ.)]<br />
* [[press|Пресса (англ.)]]<br />
* [[presentations|Презентации (англ.)]]<br />
* [[books|Книги (англ.)]]<br />
* [[podcasts|Подкасты (англ.)]]<br />
* [[screencasts|Скринкасты (англ.)]].<br />
<br />
<br />
== פיתוח ביחס למשתמש ==<br />
*[[user-interface-ru|Пользовательский интерфейс]]<br />
*[[data-portability-ru|Переносимость данных]]<br />
*[[social-network-portability-ru|Переносимость социальных сетей]]<br />
<br />
<br />
== סביבת עבודה ==<br />
* [[to-do|Что ещё сделать?]]<br />
* [[templates|Шаблоны]]<br />
* [http://microformats.org/wiki/delete Страницы на удаление] <!-- keep as external link; removes from "what links here" --><br />
* [[Special:Specialpages|"Специальные" страницы]]<br />
<!--* [[year-in-review]]--><br />
<br />
<br />
== כלים ==<br />
Чтобы увидеть реальные примеры реализации микроформатов, лучше посмотреть на конкретные микроформаты в отдельности. Существует лишь небольшое число [[tools|утилит]], которые обрабатывают более одного микроформата сразу. Данный раздел направлен на разработчиков парсеров, валидаторов, приложений для тестирования и так далее.<br />
<br />
<br />
== Wiki о микроформатах на других языках ==<br />
<span id="microformats_wiki_translations_in_other_languages">Вы можете изучить Wiki на других языках:</span><br />
<br />
* Более 100 статей<br />
** [[Main_Page|<span lang="en">English</span>]]<br />
** [[Main_Page-fr|<span lang="fr">Français</span> (French)]]<br />
* Более 10 статей<br />
** [[Main_Page-pt-br|<span lang="pt-br">Português</span> (Brazilian Portuguese)]]<br />
** [[Main_Page-ja|<span lang="ja">日本語</span> (Japanese)]]<br />
* Более двух статей<br />
** [[Main_Page-cs|<span lang="cs">Česky</span> (Czech)]] <br />
** [[Main_Page-de|<span lang="de">Deutsch</span> (German)]]<br />
** [[Main_Page-es|<span lang="es">Español</span> (Spanish)]]<br />
** [[Main_Page-gl|<span lang="gl">Galego</span> (Galician)]]<br />
** [[Main_Page-pl|<span lang="pl">Polski</span> (Polish)]]<br />
** [[Main_Page-ro|<span lang="ro">Română</span> (Romanian)]]<br />
** [[Main_Page-zh|<span lang="zh">汉语</span> (Chinese)]]<br />
* Только начатые переводы<br />
** [[Main_Page-ar|<span lang="ar">العربية</span> (Arabic)]]<br />
** [[Main_Page-th|<span lang="th">ภาษาไทย</span> (Thai)]]<br />
* В других местах<br />
**[http://ru.wikipedia.org/wiki/%D0%9C%D0%B8%D0%BA%D1%80%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D1%8B Русская статья о микроформатах в Википедии]<br />
<br />
Поищите другие [[other-languages|переводы]] и просмотрите [[how-to-start-new-translation|введение для переводчиков]] (англ.).<br />
</div></div>Curly Bracehttps://microformats.org/wiki/index.php?title=posh-ru&diff=34243posh-ru2008-07-05T22:39:24Z<p>Curly Brace: /* Продвигайте POSH */</p>
<hr />
<div><div style="float:right;margin-left:1em">__TOC__</div><br />
<h1>Plain Old Semantic HTML (POSH)</h1><br />
<br />
Добро пожаловать на домашнюю страницу <abbr title="Plain Old Semantic HTML">POSH</abbr>.<br />
<br />
== Как всё начиналось? ==<br />
Акроним '''POSH''' был впервые использован [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 6 апреля 2007 года] на IRC-канале, посвященном микроформатам, пользователем <kwijibo>, как аббревиатура к "plain old semantic HTML" (семантический HTML). Позднее дискуссия Джона Олшопа (John Allsopp), Тантека Челика (Tantek Çelik) и Криса Мезины (Chris Messina) [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 18 апреля 2007 года после Web 2.0 Expo] возродила идею о POSH и о том, что очень важно продвигать идеи POSH, на которых, собственно, и основаны микроформаты. Если вам нужно более подробное описание появления самого определения, обратитесь к разделу [[posh-ru#История|истории]].<br />
<br />
== Почему? ==<br />
Термин [[semantic-html-ru|семантического HTML]] очень сложно произносить и он не отражает всей простоты явления. Нам нужно простое короткое слово, которое отражает всю суть концепции и которое достаточно легко произносить.<br />
<br />
== Что? ==<br />
POSH объясняет конкретные преимущества [[semantic-html-ru|семантического HTML]] авторам Web-документов. Семантический HTML — это производная HTML 4.01 (или XHTML 1.0), которая использует ''[semantic-ru|семантические]'' элементы и атрибуты, нежели чем ''[[presentational-ru|репрезентационные]]''. Лучший способ изучить и понять POSH — это делать всё по его правилам. Выберите страницу на вашем сайте, с которой вы хотели бы начать и примените к ней [[posh-ru#Что_нужно_сделать|проверки POSH]].<br />
<br />
== Что нужно сделать ==<br />
Что вы можете сделать, чтобы быть на волне POSH и сделать свои Web-сайты подходящими под это определение?<br />
<br />
# Публиковать содержимое, соответствующее POSH. Изучите [[posh-ru#Ресурсы|ресурсы]] POSH и убедитесь в том, что ваш Web-сайт является валидным с точки зрения [[semantic-html-ru|семантического (X)HTML]], и что он использует [[semantic-class-names-ru|семантические имена классов]].<br />
# Распространяйте POSH: убеждайте других, что это очень интересно, заставляйте их задумываться над разметкой собственных сайтов.<br />
# Улучшайте POSH: помогите нам собрать ресурсы для упрощения изменения сайтов другим людям.<br />
<br />
== Список проверок POSH ==<br />
* Первое правило POSH — [http://validator.w3.org валидация] вашего POSH.<br />
* Во-вторых, уберите те таблицы со своего сайта, которые выполняют репрезентационные функции, GIF-спейсеры и весь [[presentational-html-ru|репрезентационный HTML]].<br />
* Далее, избавьте вашу разметку от [http://tantek.com/log/2002/10.html#L20021022t1432 «'''B'''ed и от '''BR'''reakfast»].<br />
* Уничтожьте якори на вашей странице и другие пустые ссылки<br />
* Сделайте названия ваших классов более [[semantic-class-names-ru|семантичными]].<br />
* ...<br />
<br />
== POSH-форматы ==<br />
POSH-форматы — это форматы, которые отличаются правильным и точным использованием атрибута ''class'' в документах. <br />
<br />
''См. [[poshformats-ru|POSH-форматы]].''<br />
<br />
== Ресурсы ==<br />
=== Руководства POSH ===<br />
Пошаговые руководства о создании POSH-содержимого или обновления существующего содержимого до POSH.<br />
<br />
* [http://westciv.com/style_master/house/tutorials/quick/validation/index.html Валидация вашего CSS и HTML] Простое пошаговое руководство, объясняющее преимущества валидации и принципы её использования<br />
* ...<br />
<br />
=== Закладки POSH ===<br />
* Ma.gnolia [http://ma.gnolia.com/groups/posh POSH]<br />
* Страницы с тегами [http://del.icio.us/tag/posh+microformats POSH и microformats] на сайте del.icio.us.<br />
<br />
=== Презентации POSH ===<br />
Презентации, которые объясняют и защищают концепции и техники использования семантического HTML. Если данный раздел разрастётся, он переедет на страницу [[posh-presentations|презентаций о POSH]].<br />
<br />
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003-03)], конкретнее, см. слайды 3-4,6 начиная с "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 &lt;B&gt;ed & &lt;BR&gt;eakfast]", и слайд 9: "CSS & the Semantic Spectrum", которые предоставляют беглое объяснение семантического использования (X)HTML-тегов.<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Семантика в реальном мире] (2004-02-11)<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Семантический XHTML: может ли ваш Web-сайт быть вашим API? - Использование семантического XHTML, чтобы показывать, что вы имеете в виду] (2004-09-28)<br />
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ Элементы значимости XHTML] (2005-09-29, первая версия: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 на SXSW Interactive]).<br />
* ...<br />
* Также смотрите специальные [[presentations|презентации]] по микроформатам.<br />
<br />
=== Книги POSH ===<br />
Современные книги о Web-дизайне, в которых объясняются принципы семантического HTML.<br />
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span><br />
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.<br />
* <cite>[http://htmlmastery.com/ http://htmlmastery.com/images/hm-cover-sm.gif][http://htmlmastery.com/ Semantics, Standards and Styling]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Paul</span> <span class="family-name">Haine</span>.</span></span><br />
* <cite>[http://www.sitepoint.com/books/html1/ http://www.sitepoint.com/images/books/html1/books-index.gif][http://www.sitepoint.com/books/html1/ Build Your Own Web Site The Right Way Using HTML & CSS]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Ian</span> <span class="family-name">Lloyd</span>.</span></span><br />
<br />
=== Журналы POSH ===<br />
Интернет и оффлайн-журналы, которые часто публикуют статьи о семантичном HTML.<br />
<br />
* [http://alistapart.com/ A List Apart: For People Making Websites] (также см. [http://www.alistapart.com/topics/code/htmlxhtml/ статьи о HTML и XHTML])<br />
* [http://www.digital-web.com/ Digital Web Magazine]<br />
<br />
=== Блоги POSH ===<br />
Блоги, которые регулярно публикуют информацию о POSH, об искусстве POSH<br />
<br />
* [http://dbaron.org/log/current David Baron's weblog]<br />
* [http://zeldman.com/ Jeffrey Zeldman Presents]<br />
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]<br />
* [http://microformatique.com/ Microformatique - John Allsopp]<br />
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])<br />
* [http://tantek.com/ Tantek Çelik]<br />
* ...<br />
<br />
=== Статьи в блогах о POSH ===<br />
Статьи, которые предоставляют специфические, современные техники и подсказки о применении семантики в HTML. Данный список является ''неполным''. Мы знаем, что существует очень много статей в блогах относительно этого. Добавляйте, если вы нашли таковые. <br />
<br />
* [http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ POSH - Plain Old Semantic HTML] by Roger Johansson.<br />
* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html The Sandbox theme for WordPress readme.html] discusses what POSH is and how the theme helps users use it.<br />
* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.<br />
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.<br />
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.<br />
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)<br />
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.<br />
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)<br />
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)<br />
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)<br />
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)<br />
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)<br />
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)<br />
* [http://microformatique.com/?page_id=109 Semantics in HTML] by John Allsopp (2007-01-08 - 2007-03-12)<br />
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)<br />
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)<br />
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)<br />
* [http://microformatique.com/?p=82 Built in HTML semantics] A list of the semantic elements and attributes of HTML by John Allsopp (2007-01-08)<br />
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20)<br />
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] by Chris Messina (2007-04-21)<br />
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I’m POSH - are you?] (2007-04-23)<br />
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet’s Upper Class Or Why Your Site Should Be POSH] (2007-04-24)<br />
* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] by Nate Koechley, 2006-12-15<br />
* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22<br />
* [http://leland.nu/think/2006/07/31/seeing-is-believing/ SEEing is believing] - using standards and efficient design, coding, maintenance, and marketing to produce a search-engine-efficient site by Richard Leland (2006-07-31)<br />
* ...<br />
<br />
См. другие [http://technorati.com/search/%22semantic%20HTML%22 блоги и статьи, в которых обсуждается семантический HTML] и [http://technorati.com/search/posh+semantic+HTML POSH].<br />
<br />
=== Подкасты POSH ===<br />
<!-- If/when this section gets too big, we can move it to [[posh-podcasts]]. --><br />
* 2007-05-03: [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 Разговор о POSH] в журнале .Net (8 эпизод), 56 минут, 26 Мб., 30:10-42:40)<br />
* 2005-09-29: [http://microformats.org/media/2005/09/we05-2-tantek-celik.mp3 Элементы смысла в XHTML] - подкаст с презентации Тантека с таким же именем ([http://tantek.com/presentations/2005/09/elements-of-xhtml/ слайды])<br />
<br />
=== Скрытые богатства POSH ===<br />
<!-- The following sites have POSH related articles, tutorials etc. on them, but you have to dig for them from the home page. Help find the hidden POSH treasures in these sites and add ''direct'' links to POSH related articles, tutorials etc. to the specific sections above. You can leave the top level site links here until/unless you have dug thru the entire site and found all the treasures. --><br />
* [http://www.w3schools.com/ Руководства от W3Schools] <br />
* [http://dev.opera.com/ Dev.Opera]<br />
<br />
=== POSH для вашего блога ===<br />
Если вы хотите обновить ваш существующий блог, есть несколько интересных вещей, которые вы можете сделать:<br />
<br />
==== WordPress ====<br />
* Используйте [http://www.plaintxt.org/themes/sandbox/ Sandbox] или [http://getk2.com K2], которые уже поддерживают hCard и hAtom<br />
* Добавьте [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ Виджет hCard] на ваш сайт.<br />
<br />
== Продвигайте POSH ==<br />
Когда вы сделали ваш сайт правильным, продвигайте идею POSH в массы:<br />
<br />
* Продвигайте POSH. Сделайте кнопку со ссылкой на текущую страницу или используйте существующие кнопки:<br />
** [http://redmonk.net/archives/2007/04/25/the-new-question/ http://redmonk.net/wp-content/uploads/2007/04/are_you_posh.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://redmonk.net/archives/2007/04/26/chic/ http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshscribbles.png http://www.hauntedpalace.net/pandora/craic/poshscribbles.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshChopin.png http://www.hauntedpalace.net/pandora/craic/poshChopin.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
* Расскажите друзьям. Расскажите вашим друзьям веб-дизайнерам о POSH убедите и помогите им за'posh'ить их собстввенные сайты, и сайты которые они делают на заказ. Пишите в своем блоге об опыте работы с POSH и о сайтах, которые используют эту технологию. Напишите [posh-testimonial-ru posh-отзыв]!<br />
* Предлагайте свои идеи о распространении POSH. Вот некоторые из идей.<br />
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.<br />
** ...<br />
<br />
== Улучшайте POSH ==<br />
Добавляйте найденные вами ресурсы на эту страницу.<br />
<br />
<!--With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?--><br />
<br />
== История ==<br />
Небольшая история понятия POSH<br />
<br />
Ранние ссылки на понятие <strong>"plain old semantic HTML"</strong>, которые были найдены:<br />
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert в comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "<br />
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))</div>Curly Bracehttps://microformats.org/wiki/index.php?title=posh-ru&diff=27593posh-ru2008-07-05T22:38:42Z<p>Curly Brace: /* Продвигайте POSH */</p>
<hr />
<div><div style="float:right;margin-left:1em">__TOC__</div><br />
<h1>Plain Old Semantic HTML (POSH)</h1><br />
<br />
Добро пожаловать на домашнюю страницу <abbr title="Plain Old Semantic HTML">POSH</abbr>.<br />
<br />
== Как всё начиналось? ==<br />
Акроним '''POSH''' был впервые использован [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 6 апреля 2007 года] на IRC-канале, посвященном микроформатам, пользователем <kwijibo>, как аббревиатура к "plain old semantic HTML" (семантический HTML). Позднее дискуссия Джона Олшопа (John Allsopp), Тантека Челика (Tantek Çelik) и Криса Мезины (Chris Messina) [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 18 апреля 2007 года после Web 2.0 Expo] возродила идею о POSH и о том, что очень важно продвигать идеи POSH, на которых, собственно, и основаны микроформаты. Если вам нужно более подробное описание появления самого определения, обратитесь к разделу [[posh-ru#История|истории]].<br />
<br />
== Почему? ==<br />
Термин [[semantic-html-ru|семантического HTML]] очень сложно произносить и он не отражает всей простоты явления. Нам нужно простое короткое слово, которое отражает всю суть концепции и которое достаточно легко произносить.<br />
<br />
== Что? ==<br />
POSH объясняет конкретные преимущества [[semantic-html-ru|семантического HTML]] авторам Web-документов. Семантический HTML — это производная HTML 4.01 (или XHTML 1.0), которая использует ''[semantic-ru|семантические]'' элементы и атрибуты, нежели чем ''[[presentational-ru|репрезентационные]]''. Лучший способ изучить и понять POSH — это делать всё по его правилам. Выберите страницу на вашем сайте, с которой вы хотели бы начать и примените к ней [[posh-ru#Что_нужно_сделать|проверки POSH]].<br />
<br />
== Что нужно сделать ==<br />
Что вы можете сделать, чтобы быть на волне POSH и сделать свои Web-сайты подходящими под это определение?<br />
<br />
# Публиковать содержимое, соответствующее POSH. Изучите [[posh-ru#Ресурсы|ресурсы]] POSH и убедитесь в том, что ваш Web-сайт является валидным с точки зрения [[semantic-html-ru|семантического (X)HTML]], и что он использует [[semantic-class-names-ru|семантические имена классов]].<br />
# Распространяйте POSH: убеждайте других, что это очень интересно, заставляйте их задумываться над разметкой собственных сайтов.<br />
# Улучшайте POSH: помогите нам собрать ресурсы для упрощения изменения сайтов другим людям.<br />
<br />
== Список проверок POSH ==<br />
* Первое правило POSH — [http://validator.w3.org валидация] вашего POSH.<br />
* Во-вторых, уберите те таблицы со своего сайта, которые выполняют репрезентационные функции, GIF-спейсеры и весь [[presentational-html-ru|репрезентационный HTML]].<br />
* Далее, избавьте вашу разметку от [http://tantek.com/log/2002/10.html#L20021022t1432 «'''B'''ed и от '''BR'''reakfast»].<br />
* Уничтожьте якори на вашей странице и другие пустые ссылки<br />
* Сделайте названия ваших классов более [[semantic-class-names-ru|семантичными]].<br />
* ...<br />
<br />
== POSH-форматы ==<br />
POSH-форматы — это форматы, которые отличаются правильным и точным использованием атрибута ''class'' в документах. <br />
<br />
''См. [[poshformats-ru|POSH-форматы]].''<br />
<br />
== Ресурсы ==<br />
=== Руководства POSH ===<br />
Пошаговые руководства о создании POSH-содержимого или обновления существующего содержимого до POSH.<br />
<br />
* [http://westciv.com/style_master/house/tutorials/quick/validation/index.html Валидация вашего CSS и HTML] Простое пошаговое руководство, объясняющее преимущества валидации и принципы её использования<br />
* ...<br />
<br />
=== Закладки POSH ===<br />
* Ma.gnolia [http://ma.gnolia.com/groups/posh POSH]<br />
* Страницы с тегами [http://del.icio.us/tag/posh+microformats POSH и microformats] на сайте del.icio.us.<br />
<br />
=== Презентации POSH ===<br />
Презентации, которые объясняют и защищают концепции и техники использования семантического HTML. Если данный раздел разрастётся, он переедет на страницу [[posh-presentations|презентаций о POSH]].<br />
<br />
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003-03)], конкретнее, см. слайды 3-4,6 начиная с "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 &lt;B&gt;ed & &lt;BR&gt;eakfast]", и слайд 9: "CSS & the Semantic Spectrum", которые предоставляют беглое объяснение семантического использования (X)HTML-тегов.<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Семантика в реальном мире] (2004-02-11)<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Семантический XHTML: может ли ваш Web-сайт быть вашим API? - Использование семантического XHTML, чтобы показывать, что вы имеете в виду] (2004-09-28)<br />
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ Элементы значимости XHTML] (2005-09-29, первая версия: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 на SXSW Interactive]).<br />
* ...<br />
* Также смотрите специальные [[presentations|презентации]] по микроформатам.<br />
<br />
=== Книги POSH ===<br />
Современные книги о Web-дизайне, в которых объясняются принципы семантического HTML.<br />
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span><br />
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.<br />
* <cite>[http://htmlmastery.com/ http://htmlmastery.com/images/hm-cover-sm.gif][http://htmlmastery.com/ Semantics, Standards and Styling]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Paul</span> <span class="family-name">Haine</span>.</span></span><br />
* <cite>[http://www.sitepoint.com/books/html1/ http://www.sitepoint.com/images/books/html1/books-index.gif][http://www.sitepoint.com/books/html1/ Build Your Own Web Site The Right Way Using HTML & CSS]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Ian</span> <span class="family-name">Lloyd</span>.</span></span><br />
<br />
=== Журналы POSH ===<br />
Интернет и оффлайн-журналы, которые часто публикуют статьи о семантичном HTML.<br />
<br />
* [http://alistapart.com/ A List Apart: For People Making Websites] (также см. [http://www.alistapart.com/topics/code/htmlxhtml/ статьи о HTML и XHTML])<br />
* [http://www.digital-web.com/ Digital Web Magazine]<br />
<br />
=== Блоги POSH ===<br />
Блоги, которые регулярно публикуют информацию о POSH, об искусстве POSH<br />
<br />
* [http://dbaron.org/log/current David Baron's weblog]<br />
* [http://zeldman.com/ Jeffrey Zeldman Presents]<br />
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]<br />
* [http://microformatique.com/ Microformatique - John Allsopp]<br />
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])<br />
* [http://tantek.com/ Tantek Çelik]<br />
* ...<br />
<br />
=== Статьи в блогах о POSH ===<br />
Статьи, которые предоставляют специфические, современные техники и подсказки о применении семантики в HTML. Данный список является ''неполным''. Мы знаем, что существует очень много статей в блогах относительно этого. Добавляйте, если вы нашли таковые. <br />
<br />
* [http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ POSH - Plain Old Semantic HTML] by Roger Johansson.<br />
* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html The Sandbox theme for WordPress readme.html] discusses what POSH is and how the theme helps users use it.<br />
* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.<br />
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.<br />
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.<br />
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)<br />
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.<br />
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)<br />
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)<br />
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)<br />
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)<br />
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)<br />
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)<br />
* [http://microformatique.com/?page_id=109 Semantics in HTML] by John Allsopp (2007-01-08 - 2007-03-12)<br />
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)<br />
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)<br />
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)<br />
* [http://microformatique.com/?p=82 Built in HTML semantics] A list of the semantic elements and attributes of HTML by John Allsopp (2007-01-08)<br />
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20)<br />
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] by Chris Messina (2007-04-21)<br />
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I’m POSH - are you?] (2007-04-23)<br />
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet’s Upper Class Or Why Your Site Should Be POSH] (2007-04-24)<br />
* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] by Nate Koechley, 2006-12-15<br />
* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22<br />
* [http://leland.nu/think/2006/07/31/seeing-is-believing/ SEEing is believing] - using standards and efficient design, coding, maintenance, and marketing to produce a search-engine-efficient site by Richard Leland (2006-07-31)<br />
* ...<br />
<br />
См. другие [http://technorati.com/search/%22semantic%20HTML%22 блоги и статьи, в которых обсуждается семантический HTML] и [http://technorati.com/search/posh+semantic+HTML POSH].<br />
<br />
=== Подкасты POSH ===<br />
<!-- If/when this section gets too big, we can move it to [[posh-podcasts]]. --><br />
* 2007-05-03: [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 Разговор о POSH] в журнале .Net (8 эпизод), 56 минут, 26 Мб., 30:10-42:40)<br />
* 2005-09-29: [http://microformats.org/media/2005/09/we05-2-tantek-celik.mp3 Элементы смысла в XHTML] - подкаст с презентации Тантека с таким же именем ([http://tantek.com/presentations/2005/09/elements-of-xhtml/ слайды])<br />
<br />
=== Скрытые богатства POSH ===<br />
<!-- The following sites have POSH related articles, tutorials etc. on them, but you have to dig for them from the home page. Help find the hidden POSH treasures in these sites and add ''direct'' links to POSH related articles, tutorials etc. to the specific sections above. You can leave the top level site links here until/unless you have dug thru the entire site and found all the treasures. --><br />
* [http://www.w3schools.com/ Руководства от W3Schools] <br />
* [http://dev.opera.com/ Dev.Opera]<br />
<br />
=== POSH для вашего блога ===<br />
Если вы хотите обновить ваш существующий блог, есть несколько интересных вещей, которые вы можете сделать:<br />
<br />
==== WordPress ====<br />
* Используйте [http://www.plaintxt.org/themes/sandbox/ Sandbox] или [http://getk2.com K2], которые уже поддерживают hCard и hAtom<br />
* Добавьте [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ Виджет hCard] на ваш сайт.<br />
<br />
== Продвигайте POSH ==<br />
Когда вы сделали ваш сайт правильным, продвигайте идею POSH в массы:<br />
<br />
* Продвигайте POSH. Сделайте кнопку со ссылкой на текущую страницу или используйте существующие кнопки:<br />
** [http://redmonk.net/archives/2007/04/25/the-new-question/ http://redmonk.net/wp-content/uploads/2007/04/are_you_posh.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://redmonk.net/archives/2007/04/26/chic/ http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshscribbles.png http://www.hauntedpalace.net/pandora/craic/poshscribbles.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshChopin.png http://www.hauntedpalace.net/pandora/craic/poshChopin.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
* Расскажите друзьям. Расскажите вашим друзьям веб-дизайнерам о POSH убедите и помогите им за'posh'ить их собстввенные сайты, и сайты которые они делают на заказ. Пишите в своем блоге об опыте работы с POSH и о сайтах, которые используют эту технологию. Напишите [[posh-testimonial-ru] posh-отзыв]!<br />
* Предлагайте свои идеи о распространении POSH. Вот некоторые из идей.<br />
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.<br />
** ...<br />
<br />
== Улучшайте POSH ==<br />
Добавляйте найденные вами ресурсы на эту страницу.<br />
<br />
<!--With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?--><br />
<br />
== История ==<br />
Небольшая история понятия POSH<br />
<br />
Ранние ссылки на понятие <strong>"plain old semantic HTML"</strong>, которые были найдены:<br />
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert в comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "<br />
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))</div>Curly Bracehttps://microformats.org/wiki/index.php?title=posh-ru&diff=27592posh-ru2008-07-05T22:37:38Z<p>Curly Brace: /* Продвигайте POSH */</p>
<hr />
<div><div style="float:right;margin-left:1em">__TOC__</div><br />
<h1>Plain Old Semantic HTML (POSH)</h1><br />
<br />
Добро пожаловать на домашнюю страницу <abbr title="Plain Old Semantic HTML">POSH</abbr>.<br />
<br />
== Как всё начиналось? ==<br />
Акроним '''POSH''' был впервые использован [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 6 апреля 2007 года] на IRC-канале, посвященном микроформатам, пользователем <kwijibo>, как аббревиатура к "plain old semantic HTML" (семантический HTML). Позднее дискуссия Джона Олшопа (John Allsopp), Тантека Челика (Tantek Çelik) и Криса Мезины (Chris Messina) [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 18 апреля 2007 года после Web 2.0 Expo] возродила идею о POSH и о том, что очень важно продвигать идеи POSH, на которых, собственно, и основаны микроформаты. Если вам нужно более подробное описание появления самого определения, обратитесь к разделу [[posh-ru#История|истории]].<br />
<br />
== Почему? ==<br />
Термин [[semantic-html-ru|семантического HTML]] очень сложно произносить и он не отражает всей простоты явления. Нам нужно простое короткое слово, которое отражает всю суть концепции и которое достаточно легко произносить.<br />
<br />
== Что? ==<br />
POSH объясняет конкретные преимущества [[semantic-html-ru|семантического HTML]] авторам Web-документов. Семантический HTML — это производная HTML 4.01 (или XHTML 1.0), которая использует ''[semantic-ru|семантические]'' элементы и атрибуты, нежели чем ''[[presentational-ru|репрезентационные]]''. Лучший способ изучить и понять POSH — это делать всё по его правилам. Выберите страницу на вашем сайте, с которой вы хотели бы начать и примените к ней [[posh-ru#Что_нужно_сделать|проверки POSH]].<br />
<br />
== Что нужно сделать ==<br />
Что вы можете сделать, чтобы быть на волне POSH и сделать свои Web-сайты подходящими под это определение?<br />
<br />
# Публиковать содержимое, соответствующее POSH. Изучите [[posh-ru#Ресурсы|ресурсы]] POSH и убедитесь в том, что ваш Web-сайт является валидным с точки зрения [[semantic-html-ru|семантического (X)HTML]], и что он использует [[semantic-class-names-ru|семантические имена классов]].<br />
# Распространяйте POSH: убеждайте других, что это очень интересно, заставляйте их задумываться над разметкой собственных сайтов.<br />
# Улучшайте POSH: помогите нам собрать ресурсы для упрощения изменения сайтов другим людям.<br />
<br />
== Список проверок POSH ==<br />
* Первое правило POSH — [http://validator.w3.org валидация] вашего POSH.<br />
* Во-вторых, уберите те таблицы со своего сайта, которые выполняют репрезентационные функции, GIF-спейсеры и весь [[presentational-html-ru|репрезентационный HTML]].<br />
* Далее, избавьте вашу разметку от [http://tantek.com/log/2002/10.html#L20021022t1432 «'''B'''ed и от '''BR'''reakfast»].<br />
* Уничтожьте якори на вашей странице и другие пустые ссылки<br />
* Сделайте названия ваших классов более [[semantic-class-names-ru|семантичными]].<br />
* ...<br />
<br />
== POSH-форматы ==<br />
POSH-форматы — это форматы, которые отличаются правильным и точным использованием атрибута ''class'' в документах. <br />
<br />
''См. [[poshformats-ru|POSH-форматы]].''<br />
<br />
== Ресурсы ==<br />
=== Руководства POSH ===<br />
Пошаговые руководства о создании POSH-содержимого или обновления существующего содержимого до POSH.<br />
<br />
* [http://westciv.com/style_master/house/tutorials/quick/validation/index.html Валидация вашего CSS и HTML] Простое пошаговое руководство, объясняющее преимущества валидации и принципы её использования<br />
* ...<br />
<br />
=== Закладки POSH ===<br />
* Ma.gnolia [http://ma.gnolia.com/groups/posh POSH]<br />
* Страницы с тегами [http://del.icio.us/tag/posh+microformats POSH и microformats] на сайте del.icio.us.<br />
<br />
=== Презентации POSH ===<br />
Презентации, которые объясняют и защищают концепции и техники использования семантического HTML. Если данный раздел разрастётся, он переедет на страницу [[posh-presentations|презентаций о POSH]].<br />
<br />
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003-03)], конкретнее, см. слайды 3-4,6 начиная с "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 &lt;B&gt;ed & &lt;BR&gt;eakfast]", и слайд 9: "CSS & the Semantic Spectrum", которые предоставляют беглое объяснение семантического использования (X)HTML-тегов.<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Семантика в реальном мире] (2004-02-11)<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Семантический XHTML: может ли ваш Web-сайт быть вашим API? - Использование семантического XHTML, чтобы показывать, что вы имеете в виду] (2004-09-28)<br />
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ Элементы значимости XHTML] (2005-09-29, первая версия: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 на SXSW Interactive]).<br />
* ...<br />
* Также смотрите специальные [[presentations|презентации]] по микроформатам.<br />
<br />
=== Книги POSH ===<br />
Современные книги о Web-дизайне, в которых объясняются принципы семантического HTML.<br />
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span><br />
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.<br />
* <cite>[http://htmlmastery.com/ http://htmlmastery.com/images/hm-cover-sm.gif][http://htmlmastery.com/ Semantics, Standards and Styling]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Paul</span> <span class="family-name">Haine</span>.</span></span><br />
* <cite>[http://www.sitepoint.com/books/html1/ http://www.sitepoint.com/images/books/html1/books-index.gif][http://www.sitepoint.com/books/html1/ Build Your Own Web Site The Right Way Using HTML & CSS]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Ian</span> <span class="family-name">Lloyd</span>.</span></span><br />
<br />
=== Журналы POSH ===<br />
Интернет и оффлайн-журналы, которые часто публикуют статьи о семантичном HTML.<br />
<br />
* [http://alistapart.com/ A List Apart: For People Making Websites] (также см. [http://www.alistapart.com/topics/code/htmlxhtml/ статьи о HTML и XHTML])<br />
* [http://www.digital-web.com/ Digital Web Magazine]<br />
<br />
=== Блоги POSH ===<br />
Блоги, которые регулярно публикуют информацию о POSH, об искусстве POSH<br />
<br />
* [http://dbaron.org/log/current David Baron's weblog]<br />
* [http://zeldman.com/ Jeffrey Zeldman Presents]<br />
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]<br />
* [http://microformatique.com/ Microformatique - John Allsopp]<br />
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])<br />
* [http://tantek.com/ Tantek Çelik]<br />
* ...<br />
<br />
=== Статьи в блогах о POSH ===<br />
Статьи, которые предоставляют специфические, современные техники и подсказки о применении семантики в HTML. Данный список является ''неполным''. Мы знаем, что существует очень много статей в блогах относительно этого. Добавляйте, если вы нашли таковые. <br />
<br />
* [http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ POSH - Plain Old Semantic HTML] by Roger Johansson.<br />
* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html The Sandbox theme for WordPress readme.html] discusses what POSH is and how the theme helps users use it.<br />
* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.<br />
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.<br />
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.<br />
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)<br />
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.<br />
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)<br />
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)<br />
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)<br />
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)<br />
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)<br />
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)<br />
* [http://microformatique.com/?page_id=109 Semantics in HTML] by John Allsopp (2007-01-08 - 2007-03-12)<br />
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)<br />
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)<br />
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)<br />
* [http://microformatique.com/?p=82 Built in HTML semantics] A list of the semantic elements and attributes of HTML by John Allsopp (2007-01-08)<br />
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20)<br />
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] by Chris Messina (2007-04-21)<br />
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I’m POSH - are you?] (2007-04-23)<br />
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet’s Upper Class Or Why Your Site Should Be POSH] (2007-04-24)<br />
* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] by Nate Koechley, 2006-12-15<br />
* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22<br />
* [http://leland.nu/think/2006/07/31/seeing-is-believing/ SEEing is believing] - using standards and efficient design, coding, maintenance, and marketing to produce a search-engine-efficient site by Richard Leland (2006-07-31)<br />
* ...<br />
<br />
См. другие [http://technorati.com/search/%22semantic%20HTML%22 блоги и статьи, в которых обсуждается семантический HTML] и [http://technorati.com/search/posh+semantic+HTML POSH].<br />
<br />
=== Подкасты POSH ===<br />
<!-- If/when this section gets too big, we can move it to [[posh-podcasts]]. --><br />
* 2007-05-03: [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 Разговор о POSH] в журнале .Net (8 эпизод), 56 минут, 26 Мб., 30:10-42:40)<br />
* 2005-09-29: [http://microformats.org/media/2005/09/we05-2-tantek-celik.mp3 Элементы смысла в XHTML] - подкаст с презентации Тантека с таким же именем ([http://tantek.com/presentations/2005/09/elements-of-xhtml/ слайды])<br />
<br />
=== Скрытые богатства POSH ===<br />
<!-- The following sites have POSH related articles, tutorials etc. on them, but you have to dig for them from the home page. Help find the hidden POSH treasures in these sites and add ''direct'' links to POSH related articles, tutorials etc. to the specific sections above. You can leave the top level site links here until/unless you have dug thru the entire site and found all the treasures. --><br />
* [http://www.w3schools.com/ Руководства от W3Schools] <br />
* [http://dev.opera.com/ Dev.Opera]<br />
<br />
=== POSH для вашего блога ===<br />
Если вы хотите обновить ваш существующий блог, есть несколько интересных вещей, которые вы можете сделать:<br />
<br />
==== WordPress ====<br />
* Используйте [http://www.plaintxt.org/themes/sandbox/ Sandbox] или [http://getk2.com K2], которые уже поддерживают hCard и hAtom<br />
* Добавьте [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ Виджет hCard] на ваш сайт.<br />
<br />
== Продвигайте POSH ==<br />
Когда вы сделали ваш сайт правильным, продвигайте идею POSH в массы:<br />
<br />
* Продвигайте POSH. Сделайте кнопку со ссылкой на текущую страницу или используйте существующие кнопки:<br />
** [http://redmonk.net/archives/2007/04/25/the-new-question/ http://redmonk.net/wp-content/uploads/2007/04/are_you_posh.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://redmonk.net/archives/2007/04/26/chic/ http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshscribbles.png http://www.hauntedpalace.net/pandora/craic/poshscribbles.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshChopin.png http://www.hauntedpalace.net/pandora/craic/poshChopin.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
* Расскажите друзьям. Расскажите вашим друзьям веб-дизайнерам о POSH убедите и помогите им за'posh'ить их собстввенные сайты, и сайты которые они делают на заказ. Пишите в своем блоге об опыте работы с POSH и о сайтах, которые используют эту технологию. Напишите [[posh-testimonial-ru posh-отзыв]]!<br />
* Предлагайте свои идеи о распространении POSH. Вот некоторые из идей.<br />
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.<br />
** ...<br />
<br />
== Улучшайте POSH ==<br />
Добавляйте найденные вами ресурсы на эту страницу.<br />
<br />
<!--With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?--><br />
<br />
== История ==<br />
Небольшая история понятия POSH<br />
<br />
Ранние ссылки на понятие <strong>"plain old semantic HTML"</strong>, которые были найдены:<br />
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert в comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "<br />
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))</div>Curly Bracehttps://microformats.org/wiki/index.php?title=posh-ru&diff=27591posh-ru2008-07-05T22:36:12Z<p>Curly Brace: /* Продвигайте POSH */</p>
<hr />
<div><div style="float:right;margin-left:1em">__TOC__</div><br />
<h1>Plain Old Semantic HTML (POSH)</h1><br />
<br />
Добро пожаловать на домашнюю страницу <abbr title="Plain Old Semantic HTML">POSH</abbr>.<br />
<br />
== Как всё начиналось? ==<br />
Акроним '''POSH''' был впервые использован [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 6 апреля 2007 года] на IRC-канале, посвященном микроформатам, пользователем <kwijibo>, как аббревиатура к "plain old semantic HTML" (семантический HTML). Позднее дискуссия Джона Олшопа (John Allsopp), Тантека Челика (Tantek Çelik) и Криса Мезины (Chris Messina) [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 18 апреля 2007 года после Web 2.0 Expo] возродила идею о POSH и о том, что очень важно продвигать идеи POSH, на которых, собственно, и основаны микроформаты. Если вам нужно более подробное описание появления самого определения, обратитесь к разделу [[posh-ru#История|истории]].<br />
<br />
== Почему? ==<br />
Термин [[semantic-html-ru|семантического HTML]] очень сложно произносить и он не отражает всей простоты явления. Нам нужно простое короткое слово, которое отражает всю суть концепции и которое достаточно легко произносить.<br />
<br />
== Что? ==<br />
POSH объясняет конкретные преимущества [[semantic-html-ru|семантического HTML]] авторам Web-документов. Семантический HTML — это производная HTML 4.01 (или XHTML 1.0), которая использует ''[semantic-ru|семантические]'' элементы и атрибуты, нежели чем ''[[presentational-ru|репрезентационные]]''. Лучший способ изучить и понять POSH — это делать всё по его правилам. Выберите страницу на вашем сайте, с которой вы хотели бы начать и примените к ней [[posh-ru#Что_нужно_сделать|проверки POSH]].<br />
<br />
== Что нужно сделать ==<br />
Что вы можете сделать, чтобы быть на волне POSH и сделать свои Web-сайты подходящими под это определение?<br />
<br />
# Публиковать содержимое, соответствующее POSH. Изучите [[posh-ru#Ресурсы|ресурсы]] POSH и убедитесь в том, что ваш Web-сайт является валидным с точки зрения [[semantic-html-ru|семантического (X)HTML]], и что он использует [[semantic-class-names-ru|семантические имена классов]].<br />
# Распространяйте POSH: убеждайте других, что это очень интересно, заставляйте их задумываться над разметкой собственных сайтов.<br />
# Улучшайте POSH: помогите нам собрать ресурсы для упрощения изменения сайтов другим людям.<br />
<br />
== Список проверок POSH ==<br />
* Первое правило POSH — [http://validator.w3.org валидация] вашего POSH.<br />
* Во-вторых, уберите те таблицы со своего сайта, которые выполняют репрезентационные функции, GIF-спейсеры и весь [[presentational-html-ru|репрезентационный HTML]].<br />
* Далее, избавьте вашу разметку от [http://tantek.com/log/2002/10.html#L20021022t1432 «'''B'''ed и от '''BR'''reakfast»].<br />
* Уничтожьте якори на вашей странице и другие пустые ссылки<br />
* Сделайте названия ваших классов более [[semantic-class-names-ru|семантичными]].<br />
* ...<br />
<br />
== POSH-форматы ==<br />
POSH-форматы — это форматы, которые отличаются правильным и точным использованием атрибута ''class'' в документах. <br />
<br />
''См. [[poshformats-ru|POSH-форматы]].''<br />
<br />
== Ресурсы ==<br />
=== Руководства POSH ===<br />
Пошаговые руководства о создании POSH-содержимого или обновления существующего содержимого до POSH.<br />
<br />
* [http://westciv.com/style_master/house/tutorials/quick/validation/index.html Валидация вашего CSS и HTML] Простое пошаговое руководство, объясняющее преимущества валидации и принципы её использования<br />
* ...<br />
<br />
=== Закладки POSH ===<br />
* Ma.gnolia [http://ma.gnolia.com/groups/posh POSH]<br />
* Страницы с тегами [http://del.icio.us/tag/posh+microformats POSH и microformats] на сайте del.icio.us.<br />
<br />
=== Презентации POSH ===<br />
Презентации, которые объясняют и защищают концепции и техники использования семантического HTML. Если данный раздел разрастётся, он переедет на страницу [[posh-presentations|презентаций о POSH]].<br />
<br />
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003-03)], конкретнее, см. слайды 3-4,6 начиная с "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 &lt;B&gt;ed & &lt;BR&gt;eakfast]", и слайд 9: "CSS & the Semantic Spectrum", которые предоставляют беглое объяснение семантического использования (X)HTML-тегов.<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Семантика в реальном мире] (2004-02-11)<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Семантический XHTML: может ли ваш Web-сайт быть вашим API? - Использование семантического XHTML, чтобы показывать, что вы имеете в виду] (2004-09-28)<br />
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ Элементы значимости XHTML] (2005-09-29, первая версия: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 на SXSW Interactive]).<br />
* ...<br />
* Также смотрите специальные [[presentations|презентации]] по микроформатам.<br />
<br />
=== Книги POSH ===<br />
Современные книги о Web-дизайне, в которых объясняются принципы семантического HTML.<br />
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span><br />
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.<br />
* <cite>[http://htmlmastery.com/ http://htmlmastery.com/images/hm-cover-sm.gif][http://htmlmastery.com/ Semantics, Standards and Styling]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Paul</span> <span class="family-name">Haine</span>.</span></span><br />
* <cite>[http://www.sitepoint.com/books/html1/ http://www.sitepoint.com/images/books/html1/books-index.gif][http://www.sitepoint.com/books/html1/ Build Your Own Web Site The Right Way Using HTML & CSS]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Ian</span> <span class="family-name">Lloyd</span>.</span></span><br />
<br />
=== Журналы POSH ===<br />
Интернет и оффлайн-журналы, которые часто публикуют статьи о семантичном HTML.<br />
<br />
* [http://alistapart.com/ A List Apart: For People Making Websites] (также см. [http://www.alistapart.com/topics/code/htmlxhtml/ статьи о HTML и XHTML])<br />
* [http://www.digital-web.com/ Digital Web Magazine]<br />
<br />
=== Блоги POSH ===<br />
Блоги, которые регулярно публикуют информацию о POSH, об искусстве POSH<br />
<br />
* [http://dbaron.org/log/current David Baron's weblog]<br />
* [http://zeldman.com/ Jeffrey Zeldman Presents]<br />
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]<br />
* [http://microformatique.com/ Microformatique - John Allsopp]<br />
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])<br />
* [http://tantek.com/ Tantek Çelik]<br />
* ...<br />
<br />
=== Статьи в блогах о POSH ===<br />
Статьи, которые предоставляют специфические, современные техники и подсказки о применении семантики в HTML. Данный список является ''неполным''. Мы знаем, что существует очень много статей в блогах относительно этого. Добавляйте, если вы нашли таковые. <br />
<br />
* [http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ POSH - Plain Old Semantic HTML] by Roger Johansson.<br />
* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html The Sandbox theme for WordPress readme.html] discusses what POSH is and how the theme helps users use it.<br />
* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.<br />
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.<br />
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.<br />
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)<br />
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.<br />
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)<br />
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)<br />
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)<br />
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)<br />
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)<br />
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)<br />
* [http://microformatique.com/?page_id=109 Semantics in HTML] by John Allsopp (2007-01-08 - 2007-03-12)<br />
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)<br />
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)<br />
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)<br />
* [http://microformatique.com/?p=82 Built in HTML semantics] A list of the semantic elements and attributes of HTML by John Allsopp (2007-01-08)<br />
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20)<br />
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] by Chris Messina (2007-04-21)<br />
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I’m POSH - are you?] (2007-04-23)<br />
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet’s Upper Class Or Why Your Site Should Be POSH] (2007-04-24)<br />
* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] by Nate Koechley, 2006-12-15<br />
* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22<br />
* [http://leland.nu/think/2006/07/31/seeing-is-believing/ SEEing is believing] - using standards and efficient design, coding, maintenance, and marketing to produce a search-engine-efficient site by Richard Leland (2006-07-31)<br />
* ...<br />
<br />
См. другие [http://technorati.com/search/%22semantic%20HTML%22 блоги и статьи, в которых обсуждается семантический HTML] и [http://technorati.com/search/posh+semantic+HTML POSH].<br />
<br />
=== Подкасты POSH ===<br />
<!-- If/when this section gets too big, we can move it to [[posh-podcasts]]. --><br />
* 2007-05-03: [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 Разговор о POSH] в журнале .Net (8 эпизод), 56 минут, 26 Мб., 30:10-42:40)<br />
* 2005-09-29: [http://microformats.org/media/2005/09/we05-2-tantek-celik.mp3 Элементы смысла в XHTML] - подкаст с презентации Тантека с таким же именем ([http://tantek.com/presentations/2005/09/elements-of-xhtml/ слайды])<br />
<br />
=== Скрытые богатства POSH ===<br />
<!-- The following sites have POSH related articles, tutorials etc. on them, but you have to dig for them from the home page. Help find the hidden POSH treasures in these sites and add ''direct'' links to POSH related articles, tutorials etc. to the specific sections above. You can leave the top level site links here until/unless you have dug thru the entire site and found all the treasures. --><br />
* [http://www.w3schools.com/ Руководства от W3Schools] <br />
* [http://dev.opera.com/ Dev.Opera]<br />
<br />
=== POSH для вашего блога ===<br />
Если вы хотите обновить ваш существующий блог, есть несколько интересных вещей, которые вы можете сделать:<br />
<br />
==== WordPress ====<br />
* Используйте [http://www.plaintxt.org/themes/sandbox/ Sandbox] или [http://getk2.com K2], которые уже поддерживают hCard и hAtom<br />
* Добавьте [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ Виджет hCard] на ваш сайт.<br />
<br />
== Продвигайте POSH ==<br />
Когда вы сделали ваш сайт правильным, продвигайте идею POSH в массы:<br />
<br />
* Продвигайте POSH. Сделайте кнопку со ссылкой на текущую страницу или используйте существующие кнопки:<br />
** [http://redmonk.net/archives/2007/04/25/the-new-question/ http://redmonk.net/wp-content/uploads/2007/04/are_you_posh.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://redmonk.net/archives/2007/04/26/chic/ http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshscribbles.png http://www.hauntedpalace.net/pandora/craic/poshscribbles.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshChopin.png http://www.hauntedpalace.net/pandora/craic/poshChopin.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
* Расскажите друзьям. Расскажите вашим друзьям веб-дизайнерам о POSH убедите и помогите им за'posh'ить их собстввенные сайты, и сайты которые они делают на заказ. Пишите в своем блоге об опыте работы с POSH и о сайтах, которые используют эту технологию. Write a [[posh-testimonial]]!<br />
* Предлагайте свои идеи о распространении POSH. Вот некоторые из идей.<br />
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.<br />
** ...<br />
<br />
== Улучшайте POSH ==<br />
Добавляйте найденные вами ресурсы на эту страницу.<br />
<br />
<!--With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?--><br />
<br />
== История ==<br />
Небольшая история понятия POSH<br />
<br />
Ранние ссылки на понятие <strong>"plain old semantic HTML"</strong>, которые были найдены:<br />
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert в comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "<br />
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))</div>Curly Bracehttps://microformats.org/wiki/index.php?title=posh-ru&diff=27590posh-ru2008-07-05T22:29:38Z<p>Curly Brace: </p>
<hr />
<div><div style="float:right;margin-left:1em">__TOC__</div><br />
<h1>Plain Old Semantic HTML (POSH)</h1><br />
<br />
Добро пожаловать на домашнюю страницу <abbr title="Plain Old Semantic HTML">POSH</abbr>.<br />
<br />
== Как всё начиналось? ==<br />
Акроним '''POSH''' был впервые использован [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 6 апреля 2007 года] на IRC-канале, посвященном микроформатам, пользователем <kwijibo>, как аббревиатура к "plain old semantic HTML" (семантический HTML). Позднее дискуссия Джона Олшопа (John Allsopp), Тантека Челика (Tantek Çelik) и Криса Мезины (Chris Messina) [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 18 апреля 2007 года после Web 2.0 Expo] возродила идею о POSH и о том, что очень важно продвигать идеи POSH, на которых, собственно, и основаны микроформаты. Если вам нужно более подробное описание появления самого определения, обратитесь к разделу [[posh-ru#История|истории]].<br />
<br />
== Почему? ==<br />
Термин [[semantic-html-ru|семантического HTML]] очень сложно произносить и он не отражает всей простоты явления. Нам нужно простое короткое слово, которое отражает всю суть концепции и которое достаточно легко произносить.<br />
<br />
== Что? ==<br />
POSH объясняет конкретные преимущества [[semantic-html-ru|семантического HTML]] авторам Web-документов. Семантический HTML — это производная HTML 4.01 (или XHTML 1.0), которая использует ''[semantic-ru|семантические]'' элементы и атрибуты, нежели чем ''[[presentational-ru|репрезентационные]]''. Лучший способ изучить и понять POSH — это делать всё по его правилам. Выберите страницу на вашем сайте, с которой вы хотели бы начать и примените к ней [[posh-ru#Что_нужно_сделать|проверки POSH]].<br />
<br />
== Что нужно сделать ==<br />
Что вы можете сделать, чтобы быть на волне POSH и сделать свои Web-сайты подходящими под это определение?<br />
<br />
# Публиковать содержимое, соответствующее POSH. Изучите [[posh-ru#Ресурсы|ресурсы]] POSH и убедитесь в том, что ваш Web-сайт является валидным с точки зрения [[semantic-html-ru|семантического (X)HTML]], и что он использует [[semantic-class-names-ru|семантические имена классов]].<br />
# Распространяйте POSH: убеждайте других, что это очень интересно, заставляйте их задумываться над разметкой собственных сайтов.<br />
# Улучшайте POSH: помогите нам собрать ресурсы для упрощения изменения сайтов другим людям.<br />
<br />
== Список проверок POSH ==<br />
* Первое правило POSH — [http://validator.w3.org валидация] вашего POSH.<br />
* Во-вторых, уберите те таблицы со своего сайта, которые выполняют репрезентационные функции, GIF-спейсеры и весь [[presentational-html-ru|репрезентационный HTML]].<br />
* Далее, избавьте вашу разметку от [http://tantek.com/log/2002/10.html#L20021022t1432 «'''B'''ed и от '''BR'''reakfast»].<br />
* Уничтожьте якори на вашей странице и другие пустые ссылки<br />
* Сделайте названия ваших классов более [[semantic-class-names-ru|семантичными]].<br />
* ...<br />
<br />
== POSH-форматы ==<br />
POSH-форматы — это форматы, которые отличаются правильным и точным использованием атрибута ''class'' в документах. <br />
<br />
''См. [[poshformats-ru|POSH-форматы]].''<br />
<br />
== Ресурсы ==<br />
=== Руководства POSH ===<br />
Пошаговые руководства о создании POSH-содержимого или обновления существующего содержимого до POSH.<br />
<br />
* [http://westciv.com/style_master/house/tutorials/quick/validation/index.html Валидация вашего CSS и HTML] Простое пошаговое руководство, объясняющее преимущества валидации и принципы её использования<br />
* ...<br />
<br />
=== Закладки POSH ===<br />
* Ma.gnolia [http://ma.gnolia.com/groups/posh POSH]<br />
* Страницы с тегами [http://del.icio.us/tag/posh+microformats POSH и microformats] на сайте del.icio.us.<br />
<br />
=== Презентации POSH ===<br />
Презентации, которые объясняют и защищают концепции и техники использования семантического HTML. Если данный раздел разрастётся, он переедет на страницу [[posh-presentations|презентаций о POSH]].<br />
<br />
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003-03)], конкретнее, см. слайды 3-4,6 начиная с "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 &lt;B&gt;ed & &lt;BR&gt;eakfast]", и слайд 9: "CSS & the Semantic Spectrum", которые предоставляют беглое объяснение семантического использования (X)HTML-тегов.<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Семантика в реальном мире] (2004-02-11)<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Семантический XHTML: может ли ваш Web-сайт быть вашим API? - Использование семантического XHTML, чтобы показывать, что вы имеете в виду] (2004-09-28)<br />
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ Элементы значимости XHTML] (2005-09-29, первая версия: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 на SXSW Interactive]).<br />
* ...<br />
* Также смотрите специальные [[presentations|презентации]] по микроформатам.<br />
<br />
=== Книги POSH ===<br />
Современные книги о Web-дизайне, в которых объясняются принципы семантического HTML.<br />
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span><br />
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.<br />
* <cite>[http://htmlmastery.com/ http://htmlmastery.com/images/hm-cover-sm.gif][http://htmlmastery.com/ Semantics, Standards and Styling]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Paul</span> <span class="family-name">Haine</span>.</span></span><br />
* <cite>[http://www.sitepoint.com/books/html1/ http://www.sitepoint.com/images/books/html1/books-index.gif][http://www.sitepoint.com/books/html1/ Build Your Own Web Site The Right Way Using HTML & CSS]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Ian</span> <span class="family-name">Lloyd</span>.</span></span><br />
<br />
=== Журналы POSH ===<br />
Интернет и оффлайн-журналы, которые часто публикуют статьи о семантичном HTML.<br />
<br />
* [http://alistapart.com/ A List Apart: For People Making Websites] (также см. [http://www.alistapart.com/topics/code/htmlxhtml/ статьи о HTML и XHTML])<br />
* [http://www.digital-web.com/ Digital Web Magazine]<br />
<br />
=== Блоги POSH ===<br />
Блоги, которые регулярно публикуют информацию о POSH, об искусстве POSH<br />
<br />
* [http://dbaron.org/log/current David Baron's weblog]<br />
* [http://zeldman.com/ Jeffrey Zeldman Presents]<br />
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]<br />
* [http://microformatique.com/ Microformatique - John Allsopp]<br />
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])<br />
* [http://tantek.com/ Tantek Çelik]<br />
* ...<br />
<br />
=== Статьи в блогах о POSH ===<br />
Статьи, которые предоставляют специфические, современные техники и подсказки о применении семантики в HTML. Данный список является ''неполным''. Мы знаем, что существует очень много статей в блогах относительно этого. Добавляйте, если вы нашли таковые. <br />
<br />
* [http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ POSH - Plain Old Semantic HTML] by Roger Johansson.<br />
* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html The Sandbox theme for WordPress readme.html] discusses what POSH is and how the theme helps users use it.<br />
* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.<br />
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.<br />
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.<br />
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)<br />
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.<br />
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)<br />
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)<br />
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)<br />
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)<br />
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)<br />
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)<br />
* [http://microformatique.com/?page_id=109 Semantics in HTML] by John Allsopp (2007-01-08 - 2007-03-12)<br />
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)<br />
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)<br />
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)<br />
* [http://microformatique.com/?p=82 Built in HTML semantics] A list of the semantic elements and attributes of HTML by John Allsopp (2007-01-08)<br />
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20)<br />
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] by Chris Messina (2007-04-21)<br />
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I’m POSH - are you?] (2007-04-23)<br />
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet’s Upper Class Or Why Your Site Should Be POSH] (2007-04-24)<br />
* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] by Nate Koechley, 2006-12-15<br />
* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22<br />
* [http://leland.nu/think/2006/07/31/seeing-is-believing/ SEEing is believing] - using standards and efficient design, coding, maintenance, and marketing to produce a search-engine-efficient site by Richard Leland (2006-07-31)<br />
* ...<br />
<br />
См. другие [http://technorati.com/search/%22semantic%20HTML%22 блоги и статьи, в которых обсуждается семантический HTML] и [http://technorati.com/search/posh+semantic+HTML POSH].<br />
<br />
=== Подкасты POSH ===<br />
<!-- If/when this section gets too big, we can move it to [[posh-podcasts]]. --><br />
* 2007-05-03: [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 Разговор о POSH] в журнале .Net (8 эпизод), 56 минут, 26 Мб., 30:10-42:40)<br />
* 2005-09-29: [http://microformats.org/media/2005/09/we05-2-tantek-celik.mp3 Элементы смысла в XHTML] - подкаст с презентации Тантека с таким же именем ([http://tantek.com/presentations/2005/09/elements-of-xhtml/ слайды])<br />
<br />
=== Скрытые богатства POSH ===<br />
<!-- The following sites have POSH related articles, tutorials etc. on them, but you have to dig for them from the home page. Help find the hidden POSH treasures in these sites and add ''direct'' links to POSH related articles, tutorials etc. to the specific sections above. You can leave the top level site links here until/unless you have dug thru the entire site and found all the treasures. --><br />
* [http://www.w3schools.com/ Руководства от W3Schools] <br />
* [http://dev.opera.com/ Dev.Opera]<br />
<br />
=== POSH для вашего блога ===<br />
Если вы хотите обновить ваш существующий блог, есть несколько интересных вещей, которые вы можете сделать:<br />
<br />
==== WordPress ====<br />
* Используйте [http://www.plaintxt.org/themes/sandbox/ Sandbox] или [http://getk2.com K2], которые уже поддерживают hCard и hAtom<br />
* Добавьте [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ Виджет hCard] на ваш сайт.<br />
<br />
== Продвигайте POSH ==<br />
Когда вы сделали ваш сайт правильным, продвигайте идею POSH в массы:<br />
<br />
* Продвигайте POSH. Сделайте кнопку со ссылкой на текущую страницу или используйте существующие кнопки:<br />
** [http://redmonk.net/archives/2007/04/25/the-new-question/ http://redmonk.net/wp-content/uploads/2007/04/are_you_posh.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://redmonk.net/archives/2007/04/26/chic/ http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshscribbles.png http://www.hauntedpalace.net/pandora/craic/poshscribbles.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshChopin.png http://www.hauntedpalace.net/pandora/craic/poshChopin.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
* Tell a friend. Talk to web design friends about POSH and convince and help them to poshify both their personal websites, and the websites they build for others. Blog about your experience with poshification and what steps you went through to poshify your websites. Write a [[posh-testimonial]]!<br />
* Come up with more ideas to help spread POSH. Here are a few.<br />
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.<br />
** ...<br />
<br />
== Улучшайте POSH ==<br />
Добавляйте найденные вами ресурсы на эту страницу.<br />
<br />
<!--With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?--><br />
<br />
== История ==<br />
Небольшая история понятия POSH<br />
<br />
Ранние ссылки на понятие <strong>"plain old semantic HTML"</strong>, которые были найдены:<br />
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert в comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "<br />
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))</div>Curly Bracehttps://microformats.org/wiki/index.php?title=posh-ru&diff=27589posh-ru2008-07-05T22:25:42Z<p>Curly Brace: </p>
<hr />
<div><div style="float:right;margin-left:1em">__TOC__</div><br />
<h1>Plain Old Semantic HTML (POSH)</h1><br />
<br />
Добро пожаловать на домашнюю страницу <abbr title="Plain Old Semantic HTML">POSH</abbr>.<br />
<br />
== Как всё начиналось? ==<br />
Акроним '''POSH''' был впервые использован [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 6 апреля 2007 года] на IRC-канале, посвященном микроформатам, пользователем <kwijibo>, как аббревиатура к "plain old semantic HTML" (семантический HTML). Позднее дискуссия Джона Олшопа (John Allsopp), Тантека Челика (Tantek Çelik) и Криса Мезины (Chris Messina) [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 18 апреля 2007 года после Web 2.0 Expo] возродила идею о POSH и о том, что очень важно продвигать идеи POSH, на которых, собственно, и основаны микроформаты. Если вам нужно более подробное описание появления самого определения, обратитесь к разделу [[posh-ru#История|истории]].<br />
<br />
== Почему? ==<br />
Термин [[semantic-html-ru|семантического HTML]] очень сложно произносить и он не отражает всей простоты явления. Нам нужно простое короткое слово, которое отражает всю суть концепции и которое достаточно легко произносить.<br />
<br />
== Что? ==<br />
POSH объясняет конкретные преимущества [[semantic-html-ru|семантического HTML]] авторам Web-страниц. Семантический HTML — это производная HTML 4.01 (или XHTML 1.0), которая использует ''[semantic-ru|семантические]'' элементы и атрибуты, нежели чем ''[[presentational-ru|репрезентационные]]''. Лучший способ изучить и понять POSH — это делать всё по его правилам. Выберите страницу на вашем сайте, с которой вы хотели бы начать и примените к ней [[posh-ru#Что_нужно_сделать|проверки POSH]].<br />
<br />
== Что нужно сделать ==<br />
Что вы можете сделать, чтобы быть на волне POSH и сделать свои Web-сайты подходящими под это определение?<br />
<br />
# Публиковать содержимое, соответствующее POSH. Изучите [[posh-ru#Ресурсы|ресурсы]] POSH и убедитесь в том, что ваш Web-сайт является валидным с точки зрения [[semantic-html-ru|семантического (X)HTML]], и что он использует [[semantic-class-names-ru|семантические имена классов]].<br />
# Распространяйте POSH: убеждайте других, что это очень интересно, заставляйте их задумываться над разметкой собственных сайтов.<br />
# Улучшайте POSH: помогите нам собрать ресурсы для упрощения изменения сайтов другим людям.<br />
<br />
== Список проверок POSH ==<br />
* Первое правило POSH — [http://validator.w3.org валидация] вашего POSH.<br />
* Во-вторых, уберите те таблицы со своего сайта, которые выполняют репрезентационные функции, GIF-спейсеры и весь [[presentational-html-ru|репрезентационный HTML]].<br />
* Далее, избавьте вашу разметку от [http://tantek.com/log/2002/10.html#L20021022t1432 «'''B'''ed и от '''BR'''reakfast»].<br />
* Уничтожьте якори на вашей странице и другие пустые ссылки<br />
* Сделайте названия ваших классов более [[semantic-class-names-ru|семантичными]].<br />
* ...<br />
<br />
== POSH-форматы ==<br />
POSH-форматы — это форматы, которые отличаются правильным и точным использованием атрибута ''class'' в документах. <br />
<br />
''См. [[poshformats-ru|POSH-форматы]].''<br />
<br />
== Ресурсы ==<br />
=== Руководства POSH ===<br />
Пошаговые руководства о создании POSH-содержимого или обновления существующего содержимого до POSH.<br />
<br />
* [http://westciv.com/style_master/house/tutorials/quick/validation/index.html Валидация вашего CSS и HTML] Простое пошаговое руководство, объясняющее преимущества валидации и принципы её использования<br />
* ...<br />
<br />
=== Закладки POSH ===<br />
* Ma.gnolia [http://ma.gnolia.com/groups/posh POSH]<br />
* Страницы с тегами [http://del.icio.us/tag/posh+microformats POSH и microformats] на сайте del.icio.us.<br />
<br />
=== Презентации POSH ===<br />
Презентации, которые объясняют и защищают концепции и техники использования семантического HTML. Если данный раздел разрастётся, он переедет на страницу [[posh-presentations|презентаций о POSH]].<br />
<br />
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003-03)], конкретнее, см. слайды 3-4,6 начиная с "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 &lt;B&gt;ed & &lt;BR&gt;eakfast]", и слайд 9: "CSS & the Semantic Spectrum", которые предоставляют беглое объяснение семантического использования (X)HTML-тегов.<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Семантика в реальном мире] (2004-02-11)<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Семантический XHTML: может ли ваш Web-сайт быть вашим API? - Использование семантического XHTML, чтобы показывать, что вы имеете в виду] (2004-09-28)<br />
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ Элементы значимости XHTML] (2005-09-29, первая версия: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 на SXSW Interactive]).<br />
* ...<br />
* Также смотрите специальные [[presentations|презентации]] по микроформатам.<br />
<br />
=== Книги POSH ===<br />
Современные книги о Web-дизайне, в которых объясняются принципы семантического HTML.<br />
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span><br />
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.<br />
* <cite>[http://htmlmastery.com/ http://htmlmastery.com/images/hm-cover-sm.gif][http://htmlmastery.com/ Semantics, Standards and Styling]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Paul</span> <span class="family-name">Haine</span>.</span></span><br />
* <cite>[http://www.sitepoint.com/books/html1/ http://www.sitepoint.com/images/books/html1/books-index.gif][http://www.sitepoint.com/books/html1/ Build Your Own Web Site The Right Way Using HTML & CSS]</cite> от <span class="vcard"><span class="url fn n"><span class="given-name">Ian</span> <span class="family-name">Lloyd</span>.</span></span><br />
<br />
=== Журналы POSH ===<br />
Интернет и оффлайн-журналы, которые часто публикуют статьи о семантичном HTML.<br />
<br />
* [http://alistapart.com/ A List Apart: For People Making Websites] (также см. [http://www.alistapart.com/topics/code/htmlxhtml/ статьи о HTML и XHTML])<br />
* [http://www.digital-web.com/ Digital Web Magazine]<br />
<br />
=== Блоги POSH ===<br />
Блоги, которые регулярно публикуют информацию о POSH, об искусстве POSH<br />
<br />
* [http://dbaron.org/log/current David Baron's weblog]<br />
* [http://zeldman.com/ Jeffrey Zeldman Presents]<br />
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]<br />
* [http://microformatique.com/ Microformatique - John Allsopp]<br />
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])<br />
* [http://tantek.com/ Tantek Çelik]<br />
* ...<br />
<br />
=== Статьи в блогах о POSH ===<br />
Статьи, которые предоставляют специфические, современные техники и подсказки о применении семантики в HTML. Данный список является ''неполным''. Мы знаем, что существует очень много статей в блогах относительно этого. Добавляйте, если вы нашли таковые. <br />
<br />
* [http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ POSH - Plain Old Semantic HTML] by Roger Johansson.<br />
* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html The Sandbox theme for WordPress readme.html] discusses what POSH is and how the theme helps users use it.<br />
* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.<br />
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.<br />
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.<br />
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)<br />
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.<br />
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)<br />
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)<br />
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)<br />
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)<br />
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)<br />
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)<br />
* [http://microformatique.com/?page_id=109 Semantics in HTML] by John Allsopp (2007-01-08 - 2007-03-12)<br />
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)<br />
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)<br />
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)<br />
* [http://microformatique.com/?p=82 Built in HTML semantics] A list of the semantic elements and attributes of HTML by John Allsopp (2007-01-08)<br />
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20)<br />
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] by Chris Messina (2007-04-21)<br />
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I’m POSH - are you?] (2007-04-23)<br />
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet’s Upper Class Or Why Your Site Should Be POSH] (2007-04-24)<br />
* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] by Nate Koechley, 2006-12-15<br />
* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22<br />
* [http://leland.nu/think/2006/07/31/seeing-is-believing/ SEEing is believing] - using standards and efficient design, coding, maintenance, and marketing to produce a search-engine-efficient site by Richard Leland (2006-07-31)<br />
* ...<br />
<br />
См. другие [http://technorati.com/search/%22semantic%20HTML%22 блоги и статьи, в которых обсуждается семантический HTML] и [http://technorati.com/search/posh+semantic+HTML POSH].<br />
<br />
=== Подкасты POSH ===<br />
<!-- If/when this section gets too big, we can move it to [[posh-podcasts]]. --><br />
* 2007-05-03: [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 Разговор о POSH] в журнале .Net (8 эпизод), 56 минут, 26 Мб., 30:10-42:40)<br />
* 2005-09-29: [http://microformats.org/media/2005/09/we05-2-tantek-celik.mp3 Элементы смысла в XHTML] - подкаст с презентации Тантека с таким же именем ([http://tantek.com/presentations/2005/09/elements-of-xhtml/ слайды])<br />
<br />
=== Скрытые богатства POSH ===<br />
<!-- The following sites have POSH related articles, tutorials etc. on them, but you have to dig for them from the home page. Help find the hidden POSH treasures in these sites and add ''direct'' links to POSH related articles, tutorials etc. to the specific sections above. You can leave the top level site links here until/unless you have dug thru the entire site and found all the treasures. --><br />
* [http://www.w3schools.com/ Руководства от W3Schools] <br />
* [http://dev.opera.com/ Dev.Opera]<br />
<br />
=== POSH для вашего блога ===<br />
Если вы хотите обновить ваш существующий блог, есть несколько интересных вещей, которые вы можете сделать:<br />
<br />
==== WordPress ====<br />
* Используйте [http://www.plaintxt.org/themes/sandbox/ Sandbox] или [http://getk2.com K2], которые уже поддерживают hCard и hAtom<br />
* Добавьте [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ Виджет hCard] на ваш сайт.<br />
<br />
== Продвигайте POSH ==<br />
Когда вы сделали ваш сайт правильным, продвигайте идею POSH в массы:<br />
<br />
* Продвигайте POSH. Сделайте кнопку со ссылкой на текущую страницу или используйте существующие кнопки:<br />
** [http://redmonk.net/archives/2007/04/25/the-new-question/ http://redmonk.net/wp-content/uploads/2007/04/are_you_posh.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://redmonk.net/archives/2007/04/26/chic/ http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshscribbles.png http://www.hauntedpalace.net/pandora/craic/poshscribbles.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
** [http://www.hauntedpalace.net/pandora/craic/poshChopin.png http://www.hauntedpalace.net/pandora/craic/poshChopin.png] &#8212; [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]<br />
* Tell a friend. Talk to web design friends about POSH and convince and help them to poshify both their personal websites, and the websites they build for others. Blog about your experience with poshification and what steps you went through to poshify your websites. Write a [[posh-testimonial]]!<br />
* Come up with more ideas to help spread POSH. Here are a few.<br />
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.<br />
** ...<br />
<br />
== Улучшайте POSH ==<br />
Добавляйте найденные вами ресурсы на эту страницу.<br />
<br />
<!--With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?--><br />
<br />
== История ==<br />
Небольшая история понятия POSH<br />
<br />
Ранние ссылки на понятие <strong>"plain old semantic HTML"</strong>, которые были найдены:<br />
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert в comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "<br />
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))</div>Curly Bracehttps://microformats.org/wiki/index.php?title=Main_Page-ru&diff=27594Main Page-ru2008-07-05T21:28:16Z<p>Curly Brace: </p>
<hr />
<div><div style="float:right;margin-left:1em">__TOC__</div><br />
<br />
'''Добро пожаловать в Вики о микроформатах.'''<br />
<br />
Начните своё изучение микроформатов с [[introduction-ru|введения]]. Перед участием в развитии микроформатов, рекомендуем прочитать [[how-to-play-ru|руководство к действию]].<br />
<br />
<br />
==Введение==<br />
* Посмотрите определение [http://microformats.org/wiki/posh-ru <abbr title="Plain Old Semantic HTML">POSH</abbr>].<br />
* Уделите внимание [[About_Microformats-ru|описанию микроформатов]]<br />
* У вас есть вопросы? Изучите [[faq-ru|FAQ (часто задаваемые вопросы)]] и проверьте [[glossary-ru|глоссарий]] для получения списка терминов. <br />
* Хотите посетить какие-нибудь встречи сообщества? Проверьте список грядущих [[events|встреч]].<br />
<br />
<br />
==Определение==<br />
Микроформаты — это сущности поверх XHTML, с помощью которых можно легко описывать ''людей'', ''события'', ''теги'' и много другой информации на Web-страницах.<br />
<br />
С помощью микроформатов публикация разнообразной информации в Web становится ещё проще и ещё доступнее. К тому же, с помощью микроформатов вы сможете очень просто создать различные механизмы API для работы с вашим Web-ресурсом. Ознакомьтесь с другими [[what-are-microformats-ru|особенностями]] микроформатов, а также посмотрите, как их можно [[what-can-you-do-with-microformats-ru|применять]].<br />
<br />
<br />
== Как принять участие? ==<br />
Хотите помочь выйти микроформатам на новый уровень? Вы можете:<br />
<br />
* [[get-started-ru|Начать]] с добавления микроформатов на свой собственный сайт.<br />
* [[advocacy-ru|Пропагандировать]] использование микроформатов на других сайтах, особенно на тех, которыми пользуетесь.<br />
* Описать свой [[testimonial|опыт]] работы с микроформатами.<br />
<!--* Do something on the [[to-do|to do list]].--><br />
<!--* Join the [[irc|IRC Channel]] and [[mail|mailing lists]] to learn and help answer questions (read the [[mailing-lists#General_guidelines|general guidelines]] before posting).--><br />
<!--* [[Main_Page#microformats_wiki_translations|Translate this microformats wiki into other languages]] to make microformats more accessible to readers of languages around the world.--><br />
<!--* Before proposing any new microformats, make sure your website is [[POSH]], [[get-started|uses existing microformats]], and then read the [[process]].--><br />
<br />
<br />
== Спецификации ==<br />
Открытые спецификации [[About_Microformats-ru|микроформатов]].<br />
<br />
* [[hcalendar-ru|hCalendar]] - [http://microformats.org/code/hcalendar/creator Генератор hCalendar]<br />
* [[hcard-ru|hCard]] - [http://microformats.org/code/hcard/creator Генератор hCard]<br />
* [[rel-license-ru|rel-license]]<br />
* [[rel-nofollow-ru|rel-nofollow]]<br />
* [[rel-tag-ru|rel-tag]]<br />
* [[vote-links-ru|VoteLinks]]<br />
* [[XFN-ru|XFN]] - [http://gmpg.org/xfn/creator Генератор XFN]<br />
* [[XMDP-ru|XMDP]]<br />
* [[xoxo-ru|XOXO]]<br />
<br />
<br />
== Разработки стандартов ==<br />
* [[adr-ru|adr]] - для разметки адресов на странице<br />
* [[geo-ru|geo]] - для разметки [http://en.wikipedia.org/wiki/WGS84 WGS84] географических координат объектов (широта, долгота)<br />
* [[hatom-ru|hAtom]] - разметка (синдицирование) эпизодического содержимого (например, статей в блоге)<br />
* [[hresume-ru|hResume]] - для публикации резюме<br />
* [[hreview-ru|hReview]] - для размещения отзывов [http://microformats.org/code/hreview/creator Создание hReview]<br />
* [[rel-directory-ru|rel-directory]] - для оповещения о том, что ссылка ведёт на листинг директории<br />
* [[rel-ecolabel-ru|rel-ecolabel]] - для выделения Ecolabel-продуктов, компаний<br />
* [[rel-enclosure-ru|rel-enclosure]] - для выделения прикреплений (например, файлов) для загрузки и кеширования<br />
* [[rel-home-ru|rel-home]] - ссылка на главную страницу сайта<br />
* [[rel-payment-ru|rel-payment]] - выделение механизма оплаты чего-либо<br />
* [[robots-exclusion-ru|robots exclusion]]<br />
* [[xfolk-ru|xFolk]]<br />
<br />
<br />
== Паттерны ==<br />
{{design_patterns-ru}} <!-- Русская версия: /wiki/Template:design_patterns-ru --><br />
* [[elemental-microformat-ru|Простые микроформаты]]<br />
* [[compound-microformat-ru|Составные микроформаты]]<br />
<br />
<br />
== Дискуссии ==<br />
Прочитайте [[exploratory-discussions|дискуссии]] об исследованиях и анализе реальных [[examples|примеров]], существующих форматов. Здесь же можно застать обсуждения о процессе введения новых микроформатов. <br />
<br />
*[[exploratory-discussions#Active|Активные дискуссии]]<br />
*[[exploratory-discussions#Current|Текущие, но менее активные]]<br />
*[[exploratory-discussions#Moribund|Умирающие]]<br />
*[[exploratory-discussions#Abandoned|Формально заброшеенные]]<br />
*[[exploratory-discussions#Archive|Архивные]]<br />
<br />
<br />
== Примеры ==<br />
* [[examples-in-the-wild|Примеры в реальном Web]]<br />
* [[implementations|Реализации]]<br />
* [[zen-garden|Zen Garden]]<br />
<br />
<br />
== Ресурсы ==<br />
''См. [[resources-ru|ресурсы]].''<br />
* [http://microformats.org/ Последние новости (англ.)]<br />
* [[press|Пресса (англ.)]]<br />
* [[presentations|Презентации (англ.)]]<br />
* [[books|Книги (англ.)]]<br />
* [[podcasts|Подкасты (англ.)]]<br />
* [[screencasts|Скринкасты (англ.)]].<br />
<br />
<br />
== Разработка относительно пользователя ==<br />
*[[user-interface-ru|Пользовательский интерфейс]]<br />
*[[data-portability-ru|Переносимость данных]]<br />
*[[social-network-portability-ru|Переносимость социальных сетей]]<br />
<br />
<br />
== Рабочее пространство ==<br />
* [[to-do|Что ещё сделать?]]<br />
* [[templates|Шаблоны]]<br />
* [http://microformats.org/wiki/delete Страницы на удаление] <!-- keep as external link; removes from "what links here" --><br />
* [[Special:Specialpages|"Специальные" страницы]]<br />
<!--* [[year-in-review]]--><br />
<br />
<br />
== Утилиты ==<br />
Чтобы увидеть реальные примеры реализации микроформатов, лучше посмотреть на конкретные микроформаты в отдельности. Существует лишь небольшое число [[tools|утилит]], которые обрабатывают более одного микроформата сразу. Данный раздел направлен на разработчиков парсеров, валидаторов, приложений для тестирования и так далее.<br />
<br />
<br />
== Wiki о микроформатах на других языках ==<br />
<span id="microformats_wiki_translations_in_other_languages">Вы можете изучить Wiki на других языках:</span><br />
<br />
* Более 100 статей<br />
** [[Main_Page|<span lang="en">English</span>]]<br />
** [[Main_Page-fr|<span lang="fr">Français</span> (French)]]<br />
* Более 10 статей<br />
** [[Main_Page-pt-br|<span lang="pt-br">Português</span> (Brazilian Portuguese)]]<br />
** [[Main_Page-ja|<span lang="ja">日本語</span> (Japanese)]]<br />
* Более двух статей<br />
** [[Main_Page-cs|<span lang="cs">Česky</span> (Czech)]] <br />
** [[Main_Page-de|<span lang="de">Deutsch</span> (German)]]<br />
** [[Main_Page-es|<span lang="es">Español</span> (Spanish)]]<br />
** [[Main_Page-gl|<span lang="gl">Galego</span> (Galician)]]<br />
** [[Main_Page-pl|<span lang="pl">Polski</span> (Polish)]]<br />
** [[Main_Page-ro|<span lang="ro">Română</span> (Romanian)]]<br />
** [[Main_Page-zh|<span lang="zh">汉语</span> (Chinese)]]<br />
* Только начатые переводы<br />
** [[Main_Page-ar|<span lang="ar">العربية</span> (Arabic)]]<br />
** [[Main_Page-th|<span lang="th">ภาษาไทย</span> (Thai)]]<br />
* В других местах<br />
**[http://ru.wikipedia.org/wiki/%D0%9C%D0%B8%D0%BA%D1%80%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D1%8B Русская статья о микроформатах в Википедии]<br />
<br />
Поищите другие [[other-languages|переводы]] и просмотрите [[how-to-start-new-translation|введение для переводчиков]] (англ.).</div>Curly Bracehttps://microformats.org/wiki/index.php?title=Main_Page-ru&diff=27587Main Page-ru2008-07-05T21:27:29Z<p>Curly Brace: </p>
<hr />
<div><div style="float:right;margin-left:1em">__TOC__</div><br />
<br />
'''Добро пожаловать в Вики о микроформатах.'''<br />
<br />
Начните своё изучение микроформатов с [[introduction-ru|введения]]. Перед участием в развитии микроформатов, рекомендуем прочитать [[how-to-play-ru|руководство к действию]].<br />
<br />
<br />
==Введение==<br />
* Посмотрите определение [http://microformats.org/wiki/posh-ru <abbr title="Plain Old Semantic HTML">POSH</abbr>].<br />
* Уделите внимание [[About_Microformats-ru|описанию микроформатов]]<br />
* У вас есть вопросы? Изучите [[faq-ru|FAQ (часто задаваемые вопросы)]] и проверьте [[glossary-ru|глоссарий]] для получения списка терминов. <br />
* Хотите посетить какие-нибудь встречи сообщества? Проверьте список грядущих [[events|встреч]].<br />
<br />
<br />
==Определение==<br />
Микроформаты — это сущности поверх XHTML, с помощью которых можно легко описывать ''людей'', ''события'', ''теги'' и много другой информации на Web-страницах.<br />
<br />
С помощью микроформатов публикация разнообразной информации в Web становится ещё проще и ещё доступнее. К тому же, с помощью микроформатов вы сможете очень просто создать различные механизмы API для работы с вашим Web-ресурсом. Ознакомьтесь с другими [[what-are-microformats-ru|особенностями]] микроформатов, а также посмотрите, как их можно [[what-can-you-do-with-microformats-ru|применять]].<br />
<br />
<br />
== Как принять участие? ==<br />
Хотите помочь выйти микроформатам на новый уровень? Вы можете:<br />
<br />
* [[get-started-ru|Начать]] с добавления микроформатов на свой собственный сайт.<br />
* [[advocacy|Пропагандировать]] использование микроформатов на других сайтах, особенно на тех, которыми пользуетесь.<br />
* Описать свой [[testimonial|опыт]] работы с микроформатами.<br />
<!--* Do something on the [[to-do|to do list]].--><br />
<!--* Join the [[irc|IRC Channel]] and [[mail|mailing lists]] to learn and help answer questions (read the [[mailing-lists#General_guidelines|general guidelines]] before posting).--><br />
<!--* [[Main_Page#microformats_wiki_translations|Translate this microformats wiki into other languages]] to make microformats more accessible to readers of languages around the world.--><br />
<!--* Before proposing any new microformats, make sure your website is [[POSH]], [[get-started|uses existing microformats]], and then read the [[process]].--><br />
<br />
<br />
== Спецификации ==<br />
Открытые спецификации [[About_Microformats-ru|микроформатов]].<br />
<br />
* [[hcalendar-ru|hCalendar]] - [http://microformats.org/code/hcalendar/creator Генератор hCalendar]<br />
* [[hcard-ru|hCard]] - [http://microformats.org/code/hcard/creator Генератор hCard]<br />
* [[rel-license-ru|rel-license]]<br />
* [[rel-nofollow-ru|rel-nofollow]]<br />
* [[rel-tag-ru|rel-tag]]<br />
* [[vote-links-ru|VoteLinks]]<br />
* [[XFN-ru|XFN]] - [http://gmpg.org/xfn/creator Генератор XFN]<br />
* [[XMDP-ru|XMDP]]<br />
* [[xoxo-ru|XOXO]]<br />
<br />
<br />
== Разработки стандартов ==<br />
* [[adr-ru|adr]] - для разметки адресов на странице<br />
* [[geo-ru|geo]] - для разметки [http://en.wikipedia.org/wiki/WGS84 WGS84] географических координат объектов (широта, долгота)<br />
* [[hatom-ru|hAtom]] - разметка (синдицирование) эпизодического содержимого (например, статей в блоге)<br />
* [[hresume-ru|hResume]] - для публикации резюме<br />
* [[hreview-ru|hReview]] - для размещения отзывов [http://microformats.org/code/hreview/creator Создание hReview]<br />
* [[rel-directory-ru|rel-directory]] - для оповещения о том, что ссылка ведёт на листинг директории<br />
* [[rel-ecolabel-ru|rel-ecolabel]] - для выделения Ecolabel-продуктов, компаний<br />
* [[rel-enclosure-ru|rel-enclosure]] - для выделения прикреплений (например, файлов) для загрузки и кеширования<br />
* [[rel-home-ru|rel-home]] - ссылка на главную страницу сайта<br />
* [[rel-payment-ru|rel-payment]] - выделение механизма оплаты чего-либо<br />
* [[robots-exclusion-ru|robots exclusion]]<br />
* [[xfolk-ru|xFolk]]<br />
<br />
<br />
== Паттерны ==<br />
{{design_patterns-ru}} <!-- Русская версия: /wiki/Template:design_patterns-ru --><br />
* [[elemental-microformat-ru|Простые микроформаты]]<br />
* [[compound-microformat-ru|Составные микроформаты]]<br />
<br />
<br />
== Дискуссии ==<br />
Прочитайте [[exploratory-discussions|дискуссии]] об исследованиях и анализе реальных [[examples|примеров]], существующих форматов. Здесь же можно застать обсуждения о процессе введения новых микроформатов. <br />
<br />
*[[exploratory-discussions#Active|Активные дискуссии]]<br />
*[[exploratory-discussions#Current|Текущие, но менее активные]]<br />
*[[exploratory-discussions#Moribund|Умирающие]]<br />
*[[exploratory-discussions#Abandoned|Формально заброшеенные]]<br />
*[[exploratory-discussions#Archive|Архивные]]<br />
<br />
<br />
== Примеры ==<br />
* [[examples-in-the-wild|Примеры в реальном Web]]<br />
* [[implementations|Реализации]]<br />
* [[zen-garden|Zen Garden]]<br />
<br />
<br />
== Ресурсы ==<br />
''См. [[resources-ru|ресурсы]].''<br />
* [http://microformats.org/ Последние новости (англ.)]<br />
* [[press|Пресса (англ.)]]<br />
* [[presentations|Презентации (англ.)]]<br />
* [[books|Книги (англ.)]]<br />
* [[podcasts|Подкасты (англ.)]]<br />
* [[screencasts|Скринкасты (англ.)]].<br />
<br />
<br />
== Разработка относительно пользователя ==<br />
*[[user-interface-ru|Пользовательский интерфейс]]<br />
*[[data-portability-ru|Переносимость данных]]<br />
*[[social-network-portability-ru|Переносимость социальных сетей]]<br />
<br />
<br />
== Рабочее пространство ==<br />
* [[to-do|Что ещё сделать?]]<br />
* [[templates|Шаблоны]]<br />
* [http://microformats.org/wiki/delete Страницы на удаление] <!-- keep as external link; removes from "what links here" --><br />
* [[Special:Specialpages|"Специальные" страницы]]<br />
<!--* [[year-in-review]]--><br />
<br />
<br />
== Утилиты ==<br />
Чтобы увидеть реальные примеры реализации микроформатов, лучше посмотреть на конкретные микроформаты в отдельности. Существует лишь небольшое число [[tools|утилит]], которые обрабатывают более одного микроформата сразу. Данный раздел направлен на разработчиков парсеров, валидаторов, приложений для тестирования и так далее.<br />
<br />
<br />
== Wiki о микроформатах на других языках ==<br />
<span id="microformats_wiki_translations_in_other_languages">Вы можете изучить Wiki на других языках:</span><br />
<br />
* Более 100 статей<br />
** [[Main_Page|<span lang="en">English</span>]]<br />
** [[Main_Page-fr|<span lang="fr">Français</span> (French)]]<br />
* Более 10 статей<br />
** [[Main_Page-pt-br|<span lang="pt-br">Português</span> (Brazilian Portuguese)]]<br />
** [[Main_Page-ja|<span lang="ja">日本語</span> (Japanese)]]<br />
* Более двух статей<br />
** [[Main_Page-cs|<span lang="cs">Česky</span> (Czech)]] <br />
** [[Main_Page-de|<span lang="de">Deutsch</span> (German)]]<br />
** [[Main_Page-es|<span lang="es">Español</span> (Spanish)]]<br />
** [[Main_Page-gl|<span lang="gl">Galego</span> (Galician)]]<br />
** [[Main_Page-pl|<span lang="pl">Polski</span> (Polish)]]<br />
** [[Main_Page-ro|<span lang="ro">Română</span> (Romanian)]]<br />
** [[Main_Page-zh|<span lang="zh">汉语</span> (Chinese)]]<br />
* Только начатые переводы<br />
** [[Main_Page-ar|<span lang="ar">العربية</span> (Arabic)]]<br />
** [[Main_Page-th|<span lang="th">ภาษาไทย</span> (Thai)]]<br />
* В других местах<br />
**[http://ru.wikipedia.org/wiki/%D0%9C%D0%B8%D0%BA%D1%80%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D1%8B Русская статья о микроформатах в Википедии]<br />
<br />
Поищите другие [[other-languages|переводы]] и просмотрите [[how-to-start-new-translation|введение для переводчиков]] (англ.).</div>Curly Bracehttps://microformats.org/wiki/index.php?title=User:Curly_Brace&diff=34258User:Curly Brace2008-07-05T21:00:41Z<p>Curly Brace: </p>
<hr />
<div>Hi, I'm Curly Brace, I'm a Front-End Web Developer currently located in Israel. I have a blog http://www.webmakerslounge.com and a Twitter-account http://twitter.com/curlybrace. <br />
<br />
I'm fluently speaking in Russian, Hebrew and English languages and planning to contribute to Microformats community by translating it's resources to these languages.</div>Curly Brace