Блогът на Гонзо

Използване на микроформати

Не би ли било много удобно, след като си харесате някакво събитие (филм, театър, изложба, конференция), обявено в Мрежата, с едно щракане да си добавите запис в календара, който да ви напомня, за да не го изпуснете? Може би нямаше да пропусна концерта на Buenna Vista Social Club, ако си бях отбелязал някъде нещо… Ако разработчиците на въпросния сайт са се погрижили да представят информацията като микроформат, това е напълно изпълнимо.

Микроформати за разработчици

Включването на микроформати във вашия сайт всъщност е доста проста работа. Всичко, което се иска от вас е да оформите информацията за контакти или събития с определена структура в HTML, и чрез CSS да накарате нещата да изглежтат както искате.

Примери

hCard

<div class="vcard">
  <a class="fn org url" href="http://www.commerce.net/">CommerceNet</a>
  <div class="adr">
    <span class="type">Work</span>:
    <div class="street-address">169 University Avenue</div>
    <span class="locality">Palo Alto</span>,
    <abbr class="region" title="California">CA</abbr>
    <span class="postal-code">94301</span>
    <div class="country-name">USA</div>
  </div>
  <div class="tel">
   <span class="type">Work</span> +1-650-289-4040
  </div>
  <div class="tel">
    <span class="type">Fax</span> +1-650-289-4041
  </div>
  <div>Email:
   <span class="email">info@commerce.net</span>
  </div>
</div>

hCalendar

<div class="vevent">
 <a class="url" href="http://www.web2con.com/">http://www.web2con.com/</a>
  <span class="summary">Web 2.0 Conference</span>:
  <abbr class="dtstart" title="2007-10-05">October 5</abbr>-
  <abbr class="dtend" title="2007-10-20">19</abbr>,
 at the <span class="location">Argent Hotel, San Francisco, CA</span>
 </div>

Това са примери от microformats.org, не можах да вкарам кода в публикацията без WordPress да го преформатира, така че ще трябва да си представите как изглеждат примерите.

След като видяхме как да публикуваме микроформати, да видим как да се възползваме от публикуваните вече в Мрежата.

Микроформати в действие

Microformats Bookmarklet

Това е малко javascript код, който вие поставяте като адрес на отметка във вашия браузър и когато я изберете, на екрана ви се появява списък със намерените микроформати. Всяка визитка или събитие е превърнато във vCard или iCalendar съответно и може да бъде вкарано директно във адресната ви книга или календар.

Operator

Това е разширение за Firefox, което ви позволява да извличате и използвате информацията от различни уеб-услуги и приложения, публикувана като микроформати.

Tails Export

С това разширение на Firefox можете лесно да извличате микроформати от страниците, които разглеждате. Малка иконка в лентата за статус ви информира, ако на сайта има такава информация и ви показва намерените микроформати в страничната лента на браузъра.

Bragster

Този сайт служи, за да си записвате за какво се обзалагате след поредната бира. При регистрация можете да попълните данните си от сайт, в който са публикувани като hCard, като попълните адреса му.

Satisfaction

Онлайн потребителска общност. И тук при регистрация имате възможност да се вълзползвате от наличието на hCard с вашите данни в Мрежата.

WordPress

Съществуват плъгини, които използват микроформати за публикуване на информация за автора на блога, за попълване на данните при коментиране и други неща. За тях обаче ще ви разкажа друг път.

Още информация за микроформати

microformats.org

Богомил Шопов за hResume

Етикети: ,

Един коментар по “Използване на микроформати

Вашият коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *