Микроформаты

Версия 11:40, 28 февраля 2007

Созданные прежде всего для использования человеком и, во вторую очередь, для использования машинами микроформаты это набор простых открытых форматов данных, базирующихся на существующих и широко используемых стандартах. Вместо отрицания всего, что было создано раньше микроформаты призваны дать простое решение повседневных проблем. Прежде всего - за счет учета пользовательских моделей поведения и использования данных.

Определение

Стандарты смысловой разметки информации с использованием существующих средств HTML\XML, позволяющие осуществлять последующую автоматическую обработку информации и создавать гибкие веб-приложения.

Как правило для разметки используются уже существующие атрибуты тэгов HTML со стандартизованными значениями.

Элементарные микроформаты

rel-license

позволяет правообладателям назначать их контенту определённый тип лицензии Creative Commons. Используются атрибуты тэга ссылки <A>: rel со значением license, и атрибут href, содержащий URL страницы лицензии, вот пример:

<a href=http://creativecommons.org/licenses/by-nc-sa/2.5/ rel="license">
This material distributed under a CC attribution, non-commercial, share alike license</a>.

Пример приложения, поддерживающего формат: Yahoo! Search. Индексирует не только контент, но и распространяемые на него лицензии. Соответственно есть возможность задать поиск контента, подпадающего под определенную лицензию Creative Commons (http://creativecommons.org/)

Rel-nofollow

Позволяет указать поисковым ботам (Google и др.), что определенные ссылки имеют нулевой вес в выдаче. Поисковики, поддерживающие работу с rel-nofollow, не последуют по этим ссылкам, и не дадут им вес в выдаче. Используется атрибут тэга ссылки <A> rel со значением nofollow.

Пример:

<a href="http://www.new-reality.ru/2007/02/22/internet_vote/#respond" rel="nofollow">Я уже комментировал это.</a>

Пример приложения, поддерживающего формат: Google.

VoteLinks

Позволяет указать в ссылке отношение автора к объекту, на который ведет ссылка, в формате голосования. Используется атрибут тэга ссылки <A> rev со значениями:

• vote-for. Голос "за".
• vote-against. Голос "против”.
• vote-abstain. Голос воздержавшегося.

Пример:

<a href="http://president.kremlin.ru/" rev="vote-against">Я голосовал против Путина</a>.

Формат VoteLinks позволяет впоследствии собирать статистическую информацию об отношении людей к тем или иным товарам, событиям, высказываниям и т.д.

XFN (XHTML Friends Network)

Позволяет указать в ссылке тип межличностной связи между автором и человеком (группой людей), на страницу которого ведет ссылка.

Используется атрибут тэга ссылки <A> rel с рядом стандартизованных значений.

Связи разделены на несколько категорий, каждая из которых содержит собственный набор значений (статусов):

• Friendship (дружба). Согласно этой категории, вы можете присвоить человеку статус friend (друг), acquaintance (знакомый), или contact (контакт).

• Physical (знакомство в реальной жизни). Эта категория содержит всего один статус – met (встречались в жизни). Статус присваивается лицам, с которыми вы встречались в реальной жизни.

• Professional (профессиональная связь). Для указания профессиональных связей вам доступны два статуса - co-worker (сослуживец) и colleague (коллега).

• Geographical (географическая связь). В настоящее время XFN содержит два географических статуса: co-resident и neighbor. Статус co-resident присваивается человеку, живущему с вами на одной улице, а статус neighbor имеет более широкое значение.

• Family (семейные связи). Статусы: child (ребёнок), parent (родитель), sibling (брат или сестра), spouse (супруг), и kin (родственник). Под «супругом» понимается некто, кого вы считаете своим мужем или женой независимо от того, состоите ли вы в официальном браке, или нет.

• Romantic (романтические связи). Статусы muse (муза), crush (объект ухаживаний), date («зазноба»), и sweetheart (возлюбленный). Замечу, что музой обычно называют человека, вдохновляющего вас.

• Identity (указание на самого себя). Статус me позволяет вам указать ссылку на ваш блог, или на материалы, относящиеся непосредственно к вам.

Пример:

<a href="http://www.alanlepofsky.net" rel="friend met colleague ">Alan Lepofsky </a>
<a href="http://www.edbrill.com/ebrill/edbrill.nsf/" rel="met colleague">Ed Brill</a>
<a href="http://www.new-reality.ru" rel="me">New-Reality</a>

Можно указывать любые возможные значения статусов, разделенных пробелами. Дополнительную информацию о XFN вы можете найти здесь: http://gmpg.org/xfn/

Пример приложения: поддержка формата встроена в движок WordPress.

rel-tag

Позволяет указать, что данная ссылка является тэговой и может быть использована для классификации контента по ключевому слову.

Используется атрибут тэга ссылки <A> rel со значением tag. Пример:

Tags: <a href=" http://www.technorati.com/tag/web+2.0" title="See the Technorati tag page for ’web 2.0’." rel="tag">web 2.0</a>

Пример приложения, поддерживающего формат: Technorati

Сложные микроформаты

hCalendar

Стандарт представления информации о событиях в формате календаря. Базируется на стандарте iCalendar (RFC2445). Используются стандартизованные имена CSS-классов обычных элементов HTML-разметки.

Пример:

<span class="vevent">
<a class="url" href=" http://www.web2conf.ru/">
 <span class="summary"> Конференция "Веб 2.0: Социальные сервисы для науки, образования и бизнеса"</span>: 
 <abbr class="dtstart" title="2007-04-26">26 апреля</abbr>
в <span class="location">РГГУ, Москва</span>
</a>
</span>

Этот формат позволяет веб-приложениям автоматически обрабатывать информацию о событиях с разных сайтов, создавать сводные календари событий, экспортировать и импортировать информацию.

hCard

Стандарт представления информации о персоне в формате электронной визитной карточки. Базируется на стандарте vCard (RFC2426). Используются стандартизованные имена CSS-классов обычных элементов HTML-разметки.

Пример:

В своем блоге <cite class="vcard"><a class="fn url" href="http://www.alanlepofsky.net">Алан Лепофски</a></cite> 
описывает <cite><a href="http://www.alanlepofsky.net/alepofsky/alanblog.nsf/dx/lotusphere-in-second-life-blows-the-roof-off">
впечатления</a></cite> от онлайнового варианта конференции <span class="vcard">
<a class="fn org url" href="http://www.ibm.com">IBM</a></span> и оценивает его успех как “крышесносительный”.

Пример приложения: социальная сеть «Мой Круг».

Комбинирование микроформатов

Микроформаты могут быть использованы в произвольной комбинации, например hCard и XFN:

В своем блоге <cite class="vcard"><a class="fn url" rel="friend colleague met" href="http://www.alanlepofsky.net">
Алан Лепофски</a></cite> описывает <cite>
<a href="http://www.alanlepofsky.net/alepofsky/alanblog.nsf/dx/lotusphere-in-second-life-blows-the-roof-off">
впечатления</a></cite> от онлайнового варианта конференции <span class="vcard"><a class="fn org url" 
href="http://www.ibm.com">IBM</a></span> и оценивает его успех как “крышесносительный”.

Другие микроформаты

hResume

hReview

rel-directory и т.д.

Инструменты для работы с микроформатами

hcalendar creator

hcard creator

Bunny’s Technorati Tags

Simpletags

Расширение Firefox для работы с микроформатами - «Operator»

Ссылки

Официальный сайт: http://microformats.org/

Полный перечень существующих микроформатов: http://microformats.org/wiki/Main_Page

Шпаргалки по микроформатам от Брайана Сьюды (Brian Suda) и на официальном Wiki сайте сообщества

Элементарные микроформаты - перевод статьи Молли Хольцшлаг (Molly Holzschlag) на Хабрахабре

Подборка материалов по микроформатам на Хабрахабре