Микроформаты в жизнь!
21 Dec, 2007Мои(и не только) мысли о микроформатах. А так же нескольно примеров проектов, в которых я применял микроформаты.
Что это
Всего лишь предопределенные имена классов, и тагов. Не более того. Смотрите сами, ХТМЛ до микроформатов:- <dd>
- Юрий Артюх,
- +38 096 970-6428,
- <a href="mailto:...">akella.a@mail.com</a>
- </dd>
- <dd class="vcard">
- <span class="fn">Юрий Артюх</span>,
- <span class="tel">+38 096 970-6428</span>,
- <a class="email" href="mailto:...">akella.a@mail.com</a>
- </dd>
Добавилися класс показывающий тип формата — vcard. Спаны, для того чтобы "машины" разобрались где телефон, имя и адрес. Вот и все. Делов то. Зато какие перспективы!
Зачем это
Представьте себе 1970 год. Вся информация об организациях хранится в бумажном каталоге, "Желтые страницы" например. Обновляется раз в год, а то и реже. А потом еще полгода чтобы издать.Далее, 2000й год, уже есть сайт, на который сотни модераторов, или фирмы сами, добавляют данные о себе. После чего пользователь может на сайте получить всё ту же информацию, что из желтых страниц. Которая, однако редко обновляется. Попробуй уследи за адресами сотни тысяч фирм..
А теперь представьте, год 2010й. Каждая фирма обновляет свою информацию у себя на сайте. Где она разметила ее в hcard. Таким образом, при наличии поисковика по формату, мы будем иметь всё те же "Желтые страницы", но обновляющиеся моментально. (я принимаю интернетизацию общества за данность).
Фирмам не нужно нигде регистрироваться, просто обновить инфо на своем сайте!
По сути это шаг от централизованных систем к распределенным. Тот же веб2.0 в некотором смысле шагнул, от централизованной генерации контента, к распределенной. И этот тренд видно практически во всех областях. Это наводит на мысли о правильности пути микроформатов.
В примере выше я упоминал формат hcard, но попробуйте представить распределенную систему оценок для фильма, или подписку прямо на страничке с форматом hAtom, без поиска RSS-каналов. Или обновление своей адресной книги, или то чудесное применение, что придумал Иван Сагалаев.
Примерно так бы я распределил сервисы и их аналоги по сущностям в микроформатах (на самом деле, мне просто нравится новый дизайн таблиц на блоге):
| Цетрализованная система | Распределённая | |
|---|---|---|
| Новости | Feedburner, news.google.com | hAtom |
| Адресная книга | plaxo, linkedin, facebook (vkontakte) | hCard + XFN |
| Календари | upcoming, ckopo.in.ua | hCalendar |
Микроформаты и Wordpress
Как пример микроформатизации можно рассмотреть Wordpress, хотя практически все новые темы выходят с учетом hAtom. Тем не менее, сейчас у меня вот такой кусочек кода в /wp-content/wp-themes/wpthemename/index.php выводит список заметок:- <div class="hentry">
- <h2 class="entry-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="пермалинк <?php the_title(); ?>">...</a></h2>
- <abbr class="published" title="<?php the_time('Y-m-d\TH:i:sO'); ?>"><?php the_time('j F, Y') ?></abbr>
- <div class="entry-summary"><?php the_content('читать дальше'); ?></div>
- </div>
- <div class="hentry">
- <h2 class="entry-title"><a href="#" rel="bookmark"> ... </a></h2>
- <abbr class="published" title="2007-12-06T16:36:10+0200">6 октября, 2007</abbr>
- <div class="entry-summary">Выдержка из поста</div>
- </div>
hfeed.
XFN
Так называется формат нагружающий смыслом ссылки. XFN — XHTML Friends Network. Здесь вообще все элементарно, вот одна из ссылок в правой колонке моего блога:- <a href='http://uggallery.audiopeace.ru/' rel='acquaintance met colleague'>Александр Исаков</a>
В конце
Несмотря на то, что идее уже третий год, и даже Билл Гейтс считает ее удачной, она(идея) все еще в развивающемся состоянии. И думаю во многом это зависит от разработчиков. Изучение микроформатов все же является неким риском. Никто не гарантирует во что это все выльется. Тем не менее, я их использую в большинстве своих проектов уже сейчас. Потому что это просто.- microformats.org — главный ресурс где и находится wiki c полным описанием и возможностью проапдейтить формат или задать вопрос
- Этому сервису можно скормить УРЛ странички, он же выделит на ней все известные микроформаты, вот так например, к сожалению пока там легки проблемы с кириллицей =(. Но автор проекта Дмитрий Барановский уверен это поправит.
- Официальная страничка плагина Tails для Firefox и плагин для экспорта микроформатов в другие приложения
- Микроформаты убьют Facebook
Ваши мысли о перспективах микроформатов приветствуются!
27 комментариев к “Микроформаты в жизнь!”