Микроформаты
Строка 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: | ||
Пример: | Пример: | ||
− | <span class="vevent"> | + | <span class="vevent"> |
− | <a class="url" href=" http://www.web2conf.ru/"> | + | <a class="url" href=" http://www.web2conf.ru/"> |
− | <span class="summary"> Конференция "Веб 2.0: Социальные сервисы для науки, образования и бизнеса"</span>: | + | <span class="summary"> Конференция "Веб 2.0: Социальные сервисы для науки, образования и бизнеса"</span>: |
− | <abbr class="dtstart" title="2007-04-26">26 апреля</abbr> | + | <abbr class="dtstart" title="2007-04-26">26 апреля</abbr> |
− | в <span class="location">РГГУ, Москва</span> | + | в <span class="location">РГГУ, Москва</span> |
− | </a> | + | </a> |
− | </span> | + | </span> |
Этот формат позволяет веб-приложениям автоматически обрабатывать информацию о событиях с разных сайтов, создавать сводные календари событий, экспортировать и импортировать информацию. | Этот формат позволяет веб-приложениям автоматически обрабатывать информацию о событиях с разных сайтов, создавать сводные календари событий, экспортировать и импортировать информацию. | ||
Строка 110: | Строка 110: | ||
Пример: | Пример: | ||
− | В своем блоге <cite class="vcard"><a class="fn url" href="http://www.alanlepofsky.net">Алан Лепофски</a></cite> | + | В своем блоге <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"> | + | описывает <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></cite> от онлайнового варианта конференции <span class="vcard"> |
− | <a class="fn org url" href="http://www.ibm.com">IBM</a></span> и оценивает его успех как “крышесносительный”. | + | <a class="fn org url" href="http://www.ibm.com">IBM</a></span> и оценивает его успех как “крышесносительный”. |
'''Пример приложения''': социальная сеть [http://moikrug.ru/ «Мой Круг»]. | '''Пример приложения''': социальная сеть [http://moikrug.ru/ «Мой Круг»]. | ||
Строка 120: | Строка 120: | ||
== Комбинирование микроформатов == | == Комбинирование микроформатов == | ||
− | Микроформаты могут быть использованы в произвольной комбинации, например hCard и XFN: | + | Микроформаты могут быть использованы в произвольной комбинации, например hCard и XFN: |
− | В своем блоге <cite class="vcard"><a class="fn url" rel="friend colleague met" href="http://www.alanlepofsky.net"> | + | В своем блоге <cite class="vcard"><a class="fn url" rel="friend colleague met" href="http://www.alanlepofsky.net"> |
− | Алан Лепофски</a></cite> описывает <cite> | + | Алан Лепофски</a></cite> описывает <cite> |
− | <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></cite> от онлайнового варианта конференции <span class="vcard"><a class="fn org url" | + | впечатления</a></cite> от онлайнового варианта конференции <span class="vcard"><a class="fn org url" |
− | href="http://www.ibm.com">IBM</a></span> и оценивает его успех как “крышесносительный”. | + | href="http://www.ibm.com">IBM</a></span> и оценивает его успех как “крышесносительный”. |
Текущая версия на 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> и оценивает его успех как “крышесносительный”.
[править] Другие микроформаты
rel-directory и т.д.
[править] Инструменты для работы с микроформатами
Расширение Firefox для работы с микроформатами - «Operator»
[править] Ссылки
Официальный сайт: http://microformats.org/
Полный перечень существующих микроформатов: http://microformats.org/wiki/Main_Page
Шпаргалки по микроформатам от Брайана Сьюды (Brian Suda) и на официальном Wiki сайте сообщества
Элементарные микроформаты - перевод статьи Молли Хольцшлаг (Molly Holzschlag) на Хабрахабре
Подборка материалов по микроформатам на Хабрахабре