Upload
eric-eggert
View
1.479
Download
0
Embed Size (px)
DESCRIPTION
Citation preview
Mikroformate im Alltag.Oder so?!
Eric Eggert, yatil.deWebmontag Wien IV
Was sind Mikroformate?Anweisungen zur Auszeichnung von Inhalten auf
Webseiten.
Beispiele für Implementationen
Yahoo! Lokale SuchehCard
<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>
CorkdhCard/hReview
,
<span class="reviewer vcard"><img class="photo" src="#" height="48" width="48" alt="buddy icon" /><a class="url fn" href="#">smithco</a>
</span>
<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
Last.fmhCalendar/hCard
austin.adactio.comhCalendar/hCard/geo/Google Maps/Technorati
zeigen!
<ol class="vcalendar xoxo"><li>Friday, March 9<ol>
<li class="vevent"> <abbr class="dtstart" title="20070309T180000‐0600">6:00pm</abbr> – <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>
Danke fürs Zuhörenhttp://microformats.org
http://yatil.de