4. Microformats - clever use of HTML Add Machine-readability to everyday web pages, while preserving human-readability Allow tools to make more sense of your web pages, while not changing the visual appearance for visitors to your site 4
5. Multi-purpose Web 2.0 Glue http://www.flickr.com/photos/callendercreates/1798710339/ 5
6. Microformat Specifications People and Organisations Calendars and Events Opinions, Ratings and Reviews Licenses Tags, Keywords, Categories Lists and Outlines More... 6
7. DEMO Flickr NBN Co People Directory The Australian IT IBM Employee Directory 7
8. Browser Extensions Firefox Chrome Flock Internet Explorer Safari Mosembro for Android 8 http://microformats.org/wiki/browsers
9. Microformat Specifications People and Organisations Calendars and Events Opinions, Ratings and Reviews Licenses Tags, Keywords, Categories Lists and Outlines More... 9
13. Microformat Specifications People and Organisations Calendars and Events Opinions, Ratings and Reviews Licenses Tags, Keywords, Categories Lists and Outlines More... 13
17. Microformat Specifications People and Organisations Calendars and Events Opinions, Ratings and Reviews Licenses Tags, Keywords, Categories Lists and Outlines More... 17
41. Microformat Specifications People and Organisations Calendars and Events Opinions, Ratings and Reviews Licenses Tags, Keywords, Categories Lists and Outlines More... 41
42. hCalendar 1.0 <div> <a href="http://..."> Brown Bag</a> Consume Microformats: May 16 - 17, in the meeting room 12.2 </div> 42
43. hCalendar 1.0 <div class="vevent"> <a href="http://..."> Brown Bag</a> Consume Microformats: May 16 - 17, in the meeting room 12.2 </div> 43
44. hCalendar 1.0 <div class="vevent"> <a class="url"href="http://..."> Brown Bag</a> Consume Microformats: May 16 - 17, in the meeting room 12.2 </div> 44
45. hCalendar 1.0 <div class="vevent"> <a class="url" href="http://..."> Brown Bag</a> <span class="summary"> Consume Microformats</span>: May 16 - 17, in the meeting room 12.2 </div> 45
46. hCalendar 1.0 <div class="vevent"> <a class="url" href="http://..."> Brown Bag</a> <span class="summary"> Consume Microformats</span>: <abbr class="dtstart" title="2011-05-16">May 16</abbr> - <abbr class="dtend" title="2011-05-17">17</abbr>, in the meeting room 12.2 </div> 46
47. hCalendar 1.0 <div class="vevent"> <a class="url" href="http://..."> Brown Bag</a> <span class="summary"> Consume Microformats</span>: <abbr class="dtstart" title="2011-05-16">May 16</abbr> - <abbr class="dtend" title="2011-05-17">17</abbr>, in the <span class="location">meeting room 12.2</span> </div> 47