Mikroformáty
Michal Kormoš
História
- XFN = Tantek Çelik + Erick Meyer + Matthew Mullenweg
- neúspech vo W3C
- postupne viacero formátov -> mikroformáty
Čo sú mikroformáty?
Podľa slov microformats.org
Jednoduché, otvorené datové formáty, postavené na existujúcich štandardoch pre kódovanie a značenie informácii.
Designéri a vývojári používajú mikroformáty pre pridanie štruktúry a významu textom na webových stránkach tým,
že pridávajú metadata a ďalšie atributy do existujúcich (X)HTML značiek.
Čo sú mikroformáty?
- také jednoduché ako sa len dá
- navrhnuté najprv pre človeka a až potom pre stroj
- každý mikroformát má riešiť jeden špecifický problém
- využívajú už existujúce štandardy
Konkrétne mikroformáty
Špecifikácia
- rel-license, rel-nofollow, rel-tag
- hCalendar, hCard
- VoteLinks, XFN, XMDP, XOXO
Draft
- adr, geo, xFolk
- hAtom, hAudio, hProduct, hRecipe, hResume, hReview
- rel-directory, rel-enclosure, rel-home, rel-payment
XMDP profily
- v hlavičke dokumentu
<head profile="http://www.w3.org/2006/03/hcard">
- špecifikujeme, že sme použili mikroformát (a zároveň ktorý mikroformát)
- XMDP - XHTML Meta Data Profiles
- profil mikroformátu hCard
rel-mikroformáty - popis (1/3)
viaže sa na odkazy, atribút rel
-
me - stránka o rovnakej osobe (flickr, twitter, linkedln)
<a href="http://last.fm/user/kormos" rel="me">Last.fm</a>
-
home - domovská stránka
<a href="index.php" rel="home">Home</a>
-
tag - tagovanie príspevkov
<a href="http://myblog.com/tag/microformats/" rel="tag">Microformats</a>
-
license - odkaz na licenčnú stránku
<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/"
rel="license">Licencia</a>
rel-mikroformáty - využitie (2/3)
firefox add-ony
rel-me
- rel-me - Social Graph API je aplikácia, ktorá, zanalyzuje
danú stránku a určí stránky, ktoré patria danému vlastníkovi (+pokúsi sa tipnúť, ktoré stránky ešte môže patriť užívateľovi)
rel-home
- rel-home - Opera ponúka v menu navigáciu na homepage
rel-mikroformáty - využitie (3/3)
rel-tag
- rel-tag - prezeranie rovnakých kategórií na iných stránkach
rel-license
hCard - popis (1/3)
- webový obsah týkajúci sa ľudí
- pôvod vo vCard - štandard pre e-vizitky
- jednoduchá konverzia na vCard
- meno, adresa, tel. číslo, fotografia (povinné len meno)
hCard - popis (2/3)
<div class="vcard">
<p class="fn n">
<strong>name:</strong>
<span class="honoric-prefix">Ing.</span>
<span class="given-name">Franta</span>
<span class="family-name">Vomáčka</span>
</p>
<p>
<strong>mail:</strong>
<a class="email" href="mailto:mail@domain.com">mail@domain.com</a>
</p>
<p class="adr">
<strong>address:</strong>
<span class="locality">Brno</span>
<abbr class="postal-code" title="60200">602 00</abbr>
<span class="country-name">Česká rep.</span>
</p></div>
hCalendar - popis (1/3)
- webový obsah týkajúci sa udalostí
- pôvod v iCalendar (vCalendar)
- obsahuje: krátky popis udalosti, dátum a čas, miesto a podrobný popis, opakovanie udalosti
hCalendar - popis (2/3)
<div class="vevent">
<p>
<strong>Kedy: </strong>
<abbr title="2009-04-22T19:0000" class="dtstart">April 22, 2009 7</abbr>
</p>
<p>
<strong>Čo:</strong>
<span class="summary">Mikroformáty</span>
<div class="description">Prezentácia o mikroformátoch</div>
</p>
<p>
<strong>Kde:</strong>
<span class="location">Fakulta Informatiky</span>
</p>
hCalendar - využitie (3/3)
XFN (1/2)
- XHTML Friends Network - vyznačenie sociálnych vzťahov medzi priateľmi a známymi
-
typy vzťahov
| priateľské | contact, acquaintance, friend |
| fyzické | met |
| profesijné | co-worker, colleague |
| geografické | co-resident, neighbor |
| rodinné | child, parent, sibling, spouse, kin |
| romantické | muse, crush, date, sweetheart |
XEN
- XHTML Enemies Network - zahrňuje len nepriateľské vzťahy
- priateľ = nepriateľ nepriateľa
- špecifikácie XEN: http://xen.adactio.com
-
vzťahy:
| nepriateľské | nemesis, enemy, nuisance |
| rodinné | evil-twin |
| profesijné | rival |
| emocionálne | fury, creep |
- žart?
VoteLinks
- rev vs. rel
- rel-met (ne)stretol?
-
hodnoty mikroformátu
| vote-for | súhlas |
| vote-against | nesúhlas |
| vote-abstain | zdržanie |
rel-nofollow, rel-enclosure
- rel-nofollow - spamovanie v komentároch
-
search engines:
| Google | pokračuje linkom, nepridáva pageRank |
| Yahoo! | rovnako ako google |
| MSN Search | nepridáva pageRank |
| Ask.com | ignoruje atribút |
- rel-enclosure - zdroj, na ktorý odkazuje link, má byť stiahnutý
hAtom (2/2)
príklad:
<div class="hfeed">
<div class="hentry">
<h3 class="entry-title">
<a href="http://www.microformats.org" rel="bookmark">Mikroformáty</a>
</h3>
<p class="entry-content">
Designed for humans first and machines second...
</p>
<div class="post-info">
<abbr class="published" title="2009-04-18">18. April '09</abbr>
<address class="vcard author">
<a class="url fn" href="http://franta.vomacka.cz">Franta Vomáčka</a>
</address>
</div>
</div>
</div>
xFolk
- social bookmarking (del.icio.us, Digg, Stumbleupon)
- príklad:
<div class="xfolkentry">
<a class="taggedlink" href="http://microformats.org">Odkaz na stránku</a>
<div class="description">
Popis stránky, na ktorú odkazujem
</div>
<div class="meta">
<a rel="tag" href="tag/microformats">Mikroformáty</a>
<a rel="tag" href="tag/semantic_web">Sémantický web</a>
</div>
</div>
Zhrnutie
Nevýhody
- nerozšírené
- podpora prehliadačov (len čiastočná)
- nesprávne pochopenie sémantiky
- abbr - prístupnosť
- zaujímavo napísana wiki :(
Otázky, pripomienky...