Microformats<br />Dushan Hanuska<br />1<br />
What I will feed you today<br />http://www.flickr.com/photos/cindyli/2836380076/<br />2<br />
http://www.flickr.com/photos/suda/363423118/<br />3<br />
Microformats - clever use of HTML<br />Add Machine-readability to everyday web pages, while preserving human-readability<b...
Multi-purpose Web 2.0 Glue<br />http://www.flickr.com/photos/callendercreates/1798710339/<br />5<br />
Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br /...
DEMO<br />Flickr<br />NBN Co People Directory<br />The Australian IT<br />IBM Employee Directory<br />7<br />
Browser Extensions<br />Firefox<br />Chrome<br />Flock<br />Internet Explorer<br />Safari<br />Mosembro for Android<br />8...
Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br /...
Licenses<br />10<br />
Licenses<br /><a href="http://creativecommons.org/..." >cc by 2.0</a><br />11<br />
Licenses – rel=“license”<br /><a href="http://creativecommons.org/..." rel="license">cc by 2.0</a><br />http://microformat...
Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br /...
Tags<br /><a href="http://technorati.com/tag/tech" >tech</a><br />14<br />
Tags<br />15<br />
Tags – rel=“tag”<br /><a href="http://technorati.com/tag/tech" rel="tag">tech</a><br />http://microformats.org/wiki/rel-ta...
Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br /...
People and Organisations<br />18<br />
hCard 1.0<br />  Dushan Hanuska<br />  NBN Co Limited<br />  T: +61299261900<br />  F: +61299261901<br />  E: dushanhanusk...
hCard 1.0<br /><span class=“vcard”><br />  Dushan Hanuska<br />  NBN Co Limited<br />  T: +61299261900<br />  F: +61299261...
hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br />  NBN Co Limited<br />  T: +612992619...
hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><span class=“org”>NBN Co Limited</spa...
hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au”<br ...
hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au”    ...
hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au”    ...
hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au”    ...
hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au”    ...
hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au”    ...
hCard 1.0 – telephone numbers<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><span class=“org”...
hCard 1.0 – telephone numbers<br />...<br />T: <span class=“tel”><br /><span class=“type”>work</span><br /><span class=“va...
hCard 1.0 – telephone numbers<br />...<br />T: <span class=“tel”><br /><span class=“type mf-hide”>work</span><br /><span c...
hCard 1.0 - address<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.c...
hCard 1.0 - address<br />...<br />A: <span class=“adr”><br />  L11, 100 Arthur St, North SydneyNSW2060<br /></span><br />....
hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, North...
hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span...
hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span...
hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span...
hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span...
hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span...
hCard 1.0 - geo<br />...<br />A: <span class=“adr”>...</span><br /><span class=“geo”><br /><span class=“latitude”>-33.8831...
Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br /...
hCalendar 1.0<br /><div><br /><a href="http://..."><br />Brown Bag</a><br />  Consume Microformats: <br />  May 16 - 17, i...
hCalendar 1.0<br /><div class="vevent"><br /><a href="http://..."><br />Brown Bag</a><br />  Consume Microformats: <br /> ...
hCalendar 1.0<br /><div class="vevent"><br /><a class="url"href="http://..."><br />Brown Bag</a><br />  Consume Microforma...
hCalendar 1.0<br /><div class="vevent"><br /><a class="url" href="http://..."><br />Brown Bag</a><br /><span class="summar...
hCalendar 1.0<br /><div class="vevent"><br /><a class="url" href="http://..."><br />Brown Bag</a><br /><span class="summar...
hCalendar 1.0<br /><div class="vevent"><br /><a class="url" href="http://..."><br />Brown Bag</a><br /><span class="summar...
hCalendar 1.0<br />Category<br />Description<br />dtend(ISO date), duration (ISO date)<br />Location<br />Geo (latitude, l...
Dmitry Baranovskiy<br />http://http://www.flickr.com/photos/dmitry-baranovskiy/2401952999//<br />49<br />
Further Reading - online<br />http://www.microformats.org<br />http://microformats.org/wiki/hcard<br />http://microformats...
John Allsop – Microformats: Empowering Your Markup for Web 2.0<br />51<br />
Emily Lewis, TantekÇelikMicroformats Made Simplehttp://microformatsmadesimple.com/<br />52<br />
Upcoming SlideShare
Loading in …5
×

Microformats

894 views
822 views

Published on

Published in: Technology, Sports
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
894
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Microformats

  1. 1. Microformats<br />Dushan Hanuska<br />1<br />
  2. 2. What I will feed you today<br />http://www.flickr.com/photos/cindyli/2836380076/<br />2<br />
  3. 3. http://www.flickr.com/photos/suda/363423118/<br />3<br />
  4. 4. Microformats - clever use of HTML<br />Add Machine-readability to everyday web pages, while preserving human-readability<br />Allow tools to make more sense of your web pages, while not changing the visual appearance for visitors to your site<br />4<br />
  5. 5. Multi-purpose Web 2.0 Glue<br />http://www.flickr.com/photos/callendercreates/1798710339/<br />5<br />
  6. 6. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />6<br />
  7. 7. DEMO<br />Flickr<br />NBN Co People Directory<br />The Australian IT<br />IBM Employee Directory<br />7<br />
  8. 8. Browser Extensions<br />Firefox<br />Chrome<br />Flock<br />Internet Explorer<br />Safari<br />Mosembro for Android<br />8<br />http://microformats.org/wiki/browsers<br />
  9. 9. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />9<br />
  10. 10. Licenses<br />10<br />
  11. 11. Licenses<br /><a href="http://creativecommons.org/..." >cc by 2.0</a><br />11<br />
  12. 12. Licenses – rel=“license”<br /><a href="http://creativecommons.org/..." rel="license">cc by 2.0</a><br />http://microformats.org/wiki/rel-license<br />12<br />
  13. 13. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />13<br />
  14. 14. Tags<br /><a href="http://technorati.com/tag/tech" >tech</a><br />14<br />
  15. 15. Tags<br />15<br />
  16. 16. Tags – rel=“tag”<br /><a href="http://technorati.com/tag/tech" rel="tag">tech</a><br />http://microformats.org/wiki/rel-tag<br />16<br />
  17. 17. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />17<br />
  18. 18. People and Organisations<br />18<br />
  19. 19. hCard 1.0<br /> Dushan Hanuska<br /> NBN Co Limited<br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br />http://microformats.org/wiki/hcard<br />19<br />
  20. 20. hCard 1.0<br /><span class=“vcard”><br /> Dushan Hanuska<br /> NBN Co Limited<br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />20<br />
  21. 21. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /> NBN Co Limited<br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />21<br />
  22. 22. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><span class=“org”>NBN Co Limited</span><br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />22<br />
  23. 23. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au”<br /> class=“url org”>NBN Co Limited</a><br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />23<br />
  24. 24. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />24<br />
  25. 25. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />25<br />
  26. 26. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”><br />dushanhanuska@nbnco.com.au</span><br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />26<br />
  27. 27. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”>dushan...</span><br /> A: <span class=“adr”><br /> L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br /></span><br />27<br />
  28. 28. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”>dushan...</span><br /> A: <span class=“adr”>...</span><br /></span><br />28<br />
  29. 29. hCard 1.0 – telephone numbers<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><span class=“org”>NBN Co Limited</span><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”>dushan...</span><br /> A: <span class=“adr”>...</span><br /></span><br />29<br />
  30. 30. hCard 1.0 – telephone numbers<br />...<br />T: <span class=“tel”><br /><span class=“type”>work</span><br /><span class=“value”>+61299261900</span><br /></span><br />F: <span class=“tel”><br /><span class=“type”>fax</span><br /><span class=“value”>+61299261901</span><br /></span><br />...<br />30<br />
  31. 31. hCard 1.0 – telephone numbers<br />...<br />T: <span class=“tel”><br /><span class=“type mf-hide”>work</span><br /><span class=“value”>+61299261900</span><br /></span><br />F: <span class=“tel”><br /><span class=“type mf-hide”>fax</span><br /><span class=“value”>+61299261901</span><br /></span><br />...<br />31<br />
  32. 32. hCard 1.0 - address<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”>dushan...</span><br />A: <span class=“adr”><br /> L11, 100 Arthur St, North Sydney NSW 2060<br /> </span><br /></span><br />32<br />
  33. 33. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /> L11, 100 Arthur St, North SydneyNSW2060<br /></span><br />...<br />33<br />
  34. 34. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, North SydneyNSW2060<br /></span><br />...<br />34<br />
  35. 35. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> NSW2060<br /></span><br />...<br />35<br />
  36. 36. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> <span class=“region” title=“New South Wales”>NSW</span> 2060Australia<br /></span><br />...<br />36<br />
  37. 37. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> <span class=“region” title=“New South Wales”>NSW</span> <span class=“postal-code”>2060</span><br /></span><br />...<br />37<br />
  38. 38. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> <span class=“region” title=“New South Wales”>NSW</span> <span class=“postal-code”>2060</span><br /> <span class=“country-name”>Australia</span><br /></span><br />...<br />38<br />
  39. 39. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> <span class=“region” title=“New South Wales”>NSW</span> <span class=“postal-code”>2060</span><br /> <span class=“mf-hide country-name”>Australia</span><br /></span><br />...<br />39<br />
  40. 40. hCard 1.0 - geo<br />...<br />A: <span class=“adr”>...</span><br /><span class=“geo”><br /><span class=“latitude”>-33.883121</span><br /><span class=“longitude”>151.130717</span><br /></span><br />...<br />40<br />
  41. 41. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />41<br />
  42. 42. hCalendar 1.0<br /><div><br /><a href="http://..."><br />Brown Bag</a><br /> Consume Microformats: <br /> May 16 - 17, in the meeting room 12.2<br /></div><br />42<br />
  43. 43. hCalendar 1.0<br /><div class="vevent"><br /><a href="http://..."><br />Brown Bag</a><br /> Consume Microformats: <br /> May 16 - 17, in the meeting room 12.2<br /></div><br />43<br />
  44. 44. hCalendar 1.0<br /><div class="vevent"><br /><a class="url"href="http://..."><br />Brown Bag</a><br /> Consume Microformats: <br /> May 16 - 17, in the meeting room 12.2<br /></div><br />44<br />
  45. 45. hCalendar 1.0<br /><div class="vevent"><br /><a class="url" href="http://..."><br />Brown Bag</a><br /><span class="summary"><br /> Consume Microformats</span>: <br /> May 16 - 17, in the meeting room 12.2<br /></div><br />45<br />
  46. 46. hCalendar 1.0<br /><div class="vevent"><br /><a class="url" href="http://..."><br />Brown Bag</a><br /><span class="summary"><br /> Consume Microformats</span>: <br /><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<br /></div><br />46<br />
  47. 47. hCalendar 1.0<br /><div class="vevent"><br /><a class="url" href="http://..."><br />Brown Bag</a><br /><span class="summary"><br /> Consume Microformats</span>: <br /><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><br /></div><br />47<br />
  48. 48. hCalendar 1.0<br />Category<br />Description<br />dtend(ISO date), duration (ISO date)<br />Location<br />Geo (latitude, longitute)<br />Attendee, Contact, Organizer<br />48<br />
  49. 49. Dmitry Baranovskiy<br />http://http://www.flickr.com/photos/dmitry-baranovskiy/2401952999//<br />49<br />
  50. 50. Further Reading - online<br />http://www.microformats.org<br />http://microformats.org/wiki/hcard<br />http://microformats.org/wiki/geo<br />http://microformats.org/wiki/hcalendar<br />http://microformats.org/wiki/rel-license<br />http://microformats.org/wiki/rel-tag<br />50<br />
  51. 51. John Allsop – Microformats: Empowering Your Markup for Web 2.0<br />51<br />
  52. 52. Emily Lewis, TantekÇelikMicroformats Made Simplehttp://microformatsmadesimple.com/<br />52<br />

×