Как стать автором
Обновить

Пример использования микроформатов на «живом» проекте

Время на прочтение3 мин
Количество просмотров2.9K
Многие ресурсы сегодня стараются применять передовые технологии для своего развития, а иногда даже сами являются «двигателями» этих технологий. Сейчас это происходит с микроформатами. Термин еще не прижившийся, но уже вызывающий большое количество споров, которые в частности касаются как самих микроформатов, так и реализуемой ими концепции.

Микроформат. Что же это такое? В принципе, на этот вопрос было дано уже много ответов, причем звучали как абсолютно противоположные, так и дополняющие друг друга. Например, как правильно ответить на вопрос: для кого больше предназначены микроформаты, для людей или для машин? И ответ на этот вопрос будет ключом к пониманию сущности микроформатов.

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


Сегодня я хочу показать еще один путь внедрения микроформатов на примере ресурса livents.ru. В первую очередь, конечно же, следует определиться, какие именно микроформаты возможно и нужно внедрять на подобных ресурсах. Из существующих на данный момент мы использовали hCard для описания личных данных пользователей, hCalendar для описания информации о событиях и микроформатом Rel-Tag пометили теги.

Самой большой сложностью при внедрении микроформатов в целом – изначальная непригодность существующей верстки. Взять, к примеру, формат даты. Сложно найти ресурс, где дата отображается в формате YYYYMMDDTHHMMSSZ, поэтому самый действенный способ – использовать тег <abbr />, что собственно мы и сделали.

С похожей проблемой можно столкнуться и при описании места проведения события (микроформат hCalendar). Обычно, место проведения описывается как минимум тремя параметрами: страна, город, место. Однако, весомым недостатком микроформата hCalendar является наличие для этого лишь одного поля: location.

Естественно, размещение блоков, размеченных микроформатами, должно соответствовать логике страницы. Т.е. на странице описания события само событие должно быть оформлено микроформатом hCalendar, а списки его участников и наблюдателей — микроформатом hCard. Для микроформата Rel-Tag идеальным местом будет облако тегов, но не следует забывать и более «очеловеченные» теги — интересы.

Вот что у нас получилось в итоге:
 <abbr title="20070712" class="dtstart" />
 <abbr title="20070712" class="dtstamp" />
 <p>Когда: Чт, 12 Июля 2007</p>
 <p>Где: <a title="СК Олимпийский" href="http://livents/ru/places/64/">СК Олимпийский</a></p>
 <abbr title="СК Олимпийский, Москва, Россия" class="location" />
 <p>Категория: <a href="http://livents/ru/categories/24/" class="category">Шоу</a></p>
 <p class="vcard">
  Добавила:
  <a href="http://livents/ru/users/feoli/profile/">
   <img width="16" height="16" class="photo" src="http://static.livents.ru/img/userpics/30_small_1172662928.jpg" />
  </a>
  <a href="http://livents/ru/users/feoli/profile/" class="fn nickname url">Feoli</a>

 </p>


Чего же мы пытались добиться, используя микроформаты? Для человека, посетившего ресурс, ничего не изменилось с точки зрения внешнего вида страницы и информативности ее видимой части. Ответ очевиден – мы стремились преобразовать монотонный набор HTML-тегов в упорядоченные блоки информации, где машина, анализируя страницу, сможет отличить список людей от списка тегов, информацию о событии от простого текстового блока.

Уже сейчас существуют всевозможные инструменты, позволяющие извлекать оформленные микроформатом данные из страниц и передавать их другим приложениям или ресурсам. Будем надеяться, что в скором времени ситуация изменится, и всемирная паутина превратится в семантическую сеть, где все будет разложено по полочкам :)
Теги:
Хабы:
Всего голосов 30: ↑27 и ↓3+24
Комментарии27

Публикации