15
Mikroformate im Alltag. Oder so?! Eric Eggert, yatil.de Webmontag Wien IV

Mikroformate Im Alltag

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Mikroformate Im Alltag

Mikroformate im Alltag.Oder so?!

Eric Eggert, yatil.deWebmontag Wien IV

Page 2: Mikroformate Im Alltag

Was sind Mikroformate?Anweisungen zur Auszeichnung von Inhalten auf

Webseiten.

Page 3: Mikroformate Im Alltag

Beispiele für Implementationen

Page 4: Mikroformate Im Alltag

Yahoo! Lokale SuchehCard

Page 5: Mikroformate Im Alltag

<li class="vcard"><div class="addr">

<h2><span>1</span> <a class="fn org yltasis" href="#">Huber Karl <b>Bäckerei</b> und Konditorei</a>

</h2><h3 title="voice" class="tel type value">(0 63 31) 6 23 47</h3><div class="adr">

<p class="street‐address">Schloßstr. 11A</p><p class="postal‐code">66953 Pirmasens</p>

</div><p class="geo"><span class="latitude">7.604657</span> <span class="longitude">49.204063</span></p>

</div></li>

Page 6: Mikroformate Im Alltag
Page 7: Mikroformate Im Alltag

CorkdhCard/hReview

,

Page 8: Mikroformate Im Alltag

<span class="reviewer vcard"><img class="photo" src="#" height="48" width="48" alt="buddy icon" /><a class="url fn" href="#">smithco</a>

</span>

Page 9: Mikroformate Im Alltag

<div id="review_15578" class="hreview"><h5 class="item"><span class="fn">Michael~David 2002 Merlot</span></h5><abbr class="dtreviewed" title="20070326">(about 2 hours ago)</abbr><span class="reviewer vcard">

<img class="photo" src="#" height="48" width="48" alt="buddy icon" /><a class="url fn" href="/people/smithco">smithco</a>

</span><abbr class="rating" title="1"><img src="/img/icon‐rate1.gif" alt="*" /></abbr><blockquote class="description">...</blockquote><p class="tags">Tasting Tags: 

<a href="/tags/bad" rel="tag" class="rel‐tag" title="view all wines with this tag">bad</a>

</p></div>

rel-tag

Text

Page 10: Mikroformate Im Alltag

Last.fmhCalendar/hCard

Page 11: Mikroformate Im Alltag
Page 12: Mikroformate Im Alltag
Page 14: Mikroformate Im Alltag

<ol class="vcalendar xoxo"><li>Friday, March 9<ol>

 <li class="vevent"> <abbr class="dtstart" title="20070309T180000‐0600">6:00pm</abbr> &ndash; <abbr class="dtend" title="20070309T200000‐0600">8:00pm</abbr> <span class="summary">Porter Novelli Friday Night Mix at Six</span> at <span class="location vcard">   <span class="fn org">Six</span>,   <abbr class="geo adr" title="30.266128;‐97.743816">   <span class="street‐address">117 West 4th St</span>   </abbr> </span>

 </li></ol>

</ol>

Page 15: Mikroformate Im Alltag

Danke fürs Zuhörenhttp://microformats.org

http://yatil.de