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

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

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

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

Мне кажется, что ответ на поставленный выше вопрос напрямую зависит от текущей ситуации в области 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-тегов в упорядоченные блоки информации, где машина, анализируя страницу, сможет отличить список людей от списка тегов, информацию о событии от простого текстового блока.

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

Похожие публикации

WEB-разработчик
19 июня 202196 000 ₽GeekBrains
Программист iOS
19 июня 202172 000 ₽GeekBrains
PHP программист
19 июня 202148 000 ₽GeekBrains
Программист Android
19 июня 202184 000 ₽GeekBrains
Frontend-разработчик
19 июня 202160 000 ₽GeekBrains

Лучшие публикации за сутки