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

Материал из Letopisi.Ru — «Время вернуться домой»
(Различия между версиями)
Перейти к: навигация, поиск
 
Строка 14: Строка 14:
 
позволяет правообладателям назначать их контенту определённый тип лицензии Creative Commons. Используются атрибуты тэга ссылки <A>: rel со значением license, и атрибут href, содержащий URL страницы лицензии, вот пример:
 
позволяет правообладателям назначать их контенту определённый тип лицензии Creative Commons. Используются атрибуты тэга ссылки <A>: rel со значением license, и атрибут href, содержащий URL страницы лицензии, вот пример:
  
<a href=http://creativecommons.org/licenses/by-nc-sa/2.5/ rel="license">
+
<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>.
+
This material distributed under a CC attribution, non-commercial, share alike license</a>.
  
 
'''Пример приложения, поддерживающего формат:''' [http://www.yahoo.com/ Yahoo! Search].
 
'''Пример приложения, поддерживающего формат:''' [http://www.yahoo.com/ Yahoo! Search].
Строка 25: Строка 25:
  
 
Пример:
 
Пример:
<a href="http://www.new-reality.ru/2007/02/22/internet_vote/#respond" rel="nofollow">Я уже комментировал это.</a>
+
<a href="http://www.new-reality.ru/2007/02/22/internet_vote/#respond" rel="nofollow">Я уже комментировал это.</a>
  
 
'''Пример приложения, поддерживающего формат:''' [http://www.google.com Google].
 
'''Пример приложения, поддерживающего формат:''' [http://www.google.com Google].
Строка 39: Строка 39:
  
 
Пример:  
 
Пример:  
<a href="http://president.kremlin.ru/" rev="vote-against">Я голосовал против Путина</a>.
+
<a href="http://president.kremlin.ru/" rev="vote-against">Я голосовал против Путина</a>.
  
 
Формат VoteLinks позволяет впоследствии собирать статистическую информацию об отношении людей к тем или иным товарам, событиям, высказываниям и т.д.
 
Формат VoteLinks позволяет впоследствии собирать статистическую информацию об отношении людей к тем или иным товарам, событиям, высказываниям и т.д.
Строка 69: Строка 69:
 
Пример:
 
Пример:
  
<a href="http://www.alanlepofsky.net" rel="friend met colleague ">Alan Lepofsky </a>
+
<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.edbrill.com/ebrill/edbrill.nsf/" rel="met colleague">Ed Brill</a>
<a href="http://www.new-reality.ru" rel="me">New-Reality</a>
+
<a href="http://www.new-reality.ru" rel="me">New-Reality</a>
  
  
Строка 83: Строка 83:
  
 
Используется атрибут тэга ссылки <A> 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>
+
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>
  
 
'''Пример приложения, поддерживающего формат''': [http://www.technorati.com/ping Technorati]
 
'''Пример приложения, поддерживающего формат''': [http://www.technorati.com/ping Technorati]
Строка 95: Строка 95:
  
 
Пример:
 
Пример:
&lt;span class="vevent"&gt;
+
&lt;span class="vevent"&gt;
<a class="url" href=" http://www.web2conf.ru/">
+
<a class="url" href=" http://www.web2conf.ru/">
&lt;span class="summary"&gt; Конференция "Веб 2.0: Социальные сервисы для науки, образования и бизнеса"&lt;/span&gt;:  
+
  &lt;span class="summary"&gt; Конференция "Веб 2.0: Социальные сервисы для науки, образования и бизнеса"&lt;/span&gt;:  
&lt;abbr class="dtstart" title="2007-04-26"&gt;26 апреля&lt;/abbr&gt;
+
  &lt;abbr class="dtstart" title="2007-04-26"&gt;26 апреля&lt;/abbr&gt;
в &lt;span class="location">РГГУ, Москва&lt;/span&gt;
+
в &lt;span class="location">РГГУ, Москва&lt;/span&gt;
</a>
+
</a>
&lt;/span&gt;
+
&lt;/span&gt;
  
 
Этот формат позволяет веб-приложениям автоматически обрабатывать информацию о событиях с разных сайтов, создавать сводные календари событий, экспортировать и импортировать информацию.
 
Этот формат позволяет веб-приложениям автоматически обрабатывать информацию о событиях с разных сайтов, создавать сводные календари событий, экспортировать и импортировать информацию.
Строка 110: Строка 110:
  
 
Пример:
 
Пример:
В своем блоге &lt;cite class="vcard"&gt;<a class="fn url" href="http://www.alanlepofsky.net">Алан Лепофски</a>&lt;/cite&gt;  
+
В своем блоге &lt;cite class="vcard"&gt;<a class="fn url" href="http://www.alanlepofsky.net">Алан Лепофски</a>&lt;/cite&gt;  
описывает &lt;cite&gt;<a href="http://www.alanlepofsky.net/alepofsky/alanblog.nsf/dx/lotusphere-in-second-life-blows-the-roof-off">
+
описывает &lt;cite&gt;<a href="http://www.alanlepofsky.net/alepofsky/alanblog.nsf/dx/lotusphere-in-second-life-blows-the-roof-off">
впечатления</a>&lt;/cite&gt; от онлайнового варианта конференции &lt;span class="vcard"&gt;
+
впечатления</a>&lt;/cite&gt; от онлайнового варианта конференции &lt;span class="vcard"&gt;
<a class="fn org url" href="http://www.ibm.com">IBM</a>&lt;/span&gt; и оценивает его успех как “крышесносительный”.
+
<a class="fn org url" href="http://www.ibm.com">IBM</a>&lt;/span&gt; и оценивает его успех как “крышесносительный”.
  
 
'''Пример приложения''': социальная сеть [http://moikrug.ru/ «Мой Круг»].
 
'''Пример приложения''': социальная сеть [http://moikrug.ru/ «Мой Круг»].
Строка 120: Строка 120:
 
== Комбинирование микроформатов ==
 
== Комбинирование микроформатов ==
  
Микроформаты могут быть использованы в произвольной комбинации, например hCard и XFN:
+
Микроформаты могут быть использованы в произвольной комбинации, например hCard и XFN:
В своем блоге &lt;cite class="vcard"&gt;<a class="fn url" rel="friend colleague met" href="http://www.alanlepofsky.net">
+
В своем блоге &lt;cite class="vcard"&gt;<a class="fn url" rel="friend colleague met" href="http://www.alanlepofsky.net">
Алан Лепофски</a>&lt;/cite&gt; описывает &lt;cite&gt;
+
Алан Лепофски</a>&lt;/cite&gt; описывает &lt;cite&gt;
<a href="http://www.alanlepofsky.net/alepofsky/alanblog.nsf/dx/lotusphere-in-second-life-blows-the-roof-off">
+
<a href="http://www.alanlepofsky.net/alepofsky/alanblog.nsf/dx/lotusphere-in-second-life-blows-the-roof-off">
впечатления</a>&lt;/cite&gt; от онлайнового варианта конференции &lt;span class="vcard"&gt;<a class="fn org url"  
+
впечатления</a>&lt;/cite&gt; от онлайнового варианта конференции &lt;span class="vcard"&gt;<a class="fn org url"  
href="http://www.ibm.com">IBM</a>&lt;/span&gt; и оценивает его успех как “крышесносительный”.
+
href="http://www.ibm.com">IBM</a>&lt;/span&gt; и оценивает его успех как “крышесносительный”.
  
  

Текущая версия на 12:51, 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. Голос воздержавшегося.


Обратите внимание, что используется не атрибут rel, в общем случае описывающий отношение данного документа к другому документу, а атрибут rev, описывающий обратное отношение. Обсуждение:Микроформаты


Пример:

<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) на Хабрахабре

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

Персональные инструменты
Инструменты