Микроформат

Поделись знанием:
Это текущая версия страницы, сохранённая Abiyoyo (обсуждение | вклад) в 23:33, 21 сентября 2015. Вы просматриваете постоянную ссылку на эту версию.

(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Микроформат (англ. microformat; иногда сокращённо μF или uF) — способ семантической разметки сведений о разнообразных сущностях (событиях, организациях, людях, товарах и так далее) на веб-страницах с использованием стандартных элементов языка HTML (или XHTML). Пользователь-человек может воспринимать страницу с микроформатом как обычную веб-страницу (через браузер), тогда как программы-обработчики способны извлечь из такой страницы структурированную информацию, следуя определённым соглашениям.

Поскольку микроформаты основаны на уже существующих стандартах (таких, как HTML и XHTML), их легко добавлять на существующие страницы в паутине.

Принципы построения

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

Для разметки микроформатами подходят любые элементы HTML, но особое значение придаётся элементам, которые не имеют собственного, стандартного семантического значения — div и span. Из атрибутов в настоящее время используются в основном следующие: class, rel, rev, title.

Примеры

Предположим, что имеется контейнер с уже размеченной информацией о человеке:

<div>
    <div>Василий Пупкин</div>
    <div>Рога и Копыта</div>
    <div>495-564-1234</div>
    <a href="example.com/">Мой сайт</a>
</div>

С помощью микроформата hCard можно добавить семантическую значимость этому блоку кода:

<div class="vcard">
    <div class="fn">Василий Пупкин</div>
    <div class="org">Рога и Копыта</div>
    <div class="tel">
        <span class="type">Work</span>
        <span class="value">495-564-1234</span>
    </div>
    <a class="url" href="example.com/">Мой сайт</a>
</div>

Содержимое самих элементов не изменилось; к ним только были добавлены атрибуты, указывающие, где именно в блоке находится та или иная информация (имя, телефон и так далее). Весь блок при этом имеет атрибут class="vcard", который является родительским для микроформата hCard. Это означает, что данный элемент и все вложенные в него элементы вместе составляют микроформат hCard.

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

Существующие микроформаты

Каждый микроформат решает определённую, отдельную задачу. Вот наиболее известные из них:

  • hCard — организации и люди;
  • hCalendar — события;
  • hAtom — ленты новостей (как аналог RSS и Atom) в обычном HTML или XHTML;
  • XFN — социальные взаимоотношения;
  • rel-tag — метки (теги) и образование фолксономии;
  • xFolk — помеченные ссылки;
  • adr — почтовые адреса;
  • geo — географические координаты (широта и долгота);
  • hReview — отзывы (о товарах, услугах, событиях и тому подобном);[1]
  • hProduct — товары;[2]
  • nofollow — для предотвращения индексации поисковыми системами определённых документов;
  • hRecipe — кулинарные рецепты приготовления блюд.[3]

Новые микроформаты

Разработка новых микроформатов происходит в открытом режиме.

Среди множества предлагаемых микроформатов наиболее близки к завершению микроформаты для разметки цитат и валют.

См. также

Примечания

  1. [help.yandex.ru/webmaster/?id=1113262 Микроформат hReview - Яндекс.Помощь: Вебмастер]
  2. [www.google.com/support/webmasters/bin/answer.py?hl=ru&answer=146750 Товары - Справка - Инструменты для веб-мастеров]
  3. [help.yandex.ru/webmaster/?id=1111981 Микроформат hRecipe - Яндекс.Помощь: Вебмастер]

Литература

  • John Allsopp. [www.friendsofed.com/book.html?isbn=1590598148 Microformats: Empowering Your Markup for Web 2.0] Friends of Ed, ISBN 978-1-59059-814-6, март 2007.
  • Leslie M. Orchard Wiley. [www.amazon.com/gp/product/0764597582 Hacking RSS and Atom] ISBN 0-7645-9758-2, 2005.
    • [decafbad.com/trac/wiki/HackingRssAndAtom Исходный код для сценариев hCalendar из книги] — искомые файлы начинаются с «ch18».
  • Jennifer Niederst Robbins. [www.amazon.com/gp/product/0596009879 Web Design In A Nutshell] Third Edition. O’Reilly Media, ISBN 0-596-00987-9, 2006; см. также [www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell] Third Edition.
  • Brian Suda. [www.oreilly.com/catalog/microformats/ Using Microformats] ISBN 0-596-52817-5, 2006.
  • Paul Haine. HTML Mastery. Friends of Ed, ISBN 1-59059-765-6, 2006, Глава 5, с. 117—154: Purpose Built Semantics: Microformats and Other Stories.

Ссылки

Русскоязычные
  • [microformats.org/wiki/Main_Page-ru Русскоязычная версия Wiki о микроформатах]
  • [www.gui.ru/copylove/microformats/ Семантическая сеть, основанная на микроформатах]
  • [softwaremaniacs.org/blog/2005/06/26/microformats/ Микроформаты]
  • [sphinx.net.ru/blog/entry/simple-microformat-xslt-extraction/ Простое извлечение микроформатов при помощи XSLT]
  • [webmaster.yandex.ru/microtest.xml Инструмент Яндекса для проверки разметки микроформатами]
Англоязычные
  • [microformats.org/ Microformats] (англ.)
  • [microformats.org/wiki/ Microformats Wiki] (англ.)
  • [microformatique.com/ Microformatique] (англ.)
  • [www.digital-web.com/articles/microformats_primer/ Microformats Primer] (англ.)
  • [www.digital-web.com/articles/the_big_picture_on_microformats/ The Big Picture on Microformats] (англ.)
  • [www.thinkvitamin.com/features/design/how-to-use-microformats/ Add microformats magic to your site] (англ.)
  • [thecommunityengine.com/home/archives/2005/03/xfolk_an_xhtml.html xFolk: An XHTML-microformat for Folksonomy] (англ.)
  • [blog.usweb.com/archives/how-microformats-affect-search-engine-optimization-seo/ Microformats and Their Effect on Search Engine Optimization] (англ.)
  • [micromodels.org Micromodels] (англ.)
  • [whymicroformats.com/ Why Microformats] (англ.)