Successfully reported this slideshow.

The 5 minute guide to RDFa...in only 6 minutes 40 seconds

4,383 views

Published on

A brief introduction to RDFa, by its designer, Mark Birbeck. The presentation was given in Pecha Kucha format at XML 2007.

Published in: Technology, Business
  • Be the first to comment

The 5 minute guide to RDFa...in only 6 minutes 40 seconds

  1. 1. an introduction to rdfa by mark birbeck
  2. 2. rdfa originates in work done on xhtml 2, but can be used in mark-up today
  3. 3. we need to unlock the metadata already in web-pages, as well as encourage people to add more
  4. 4. rdfa provides a generic way to do this by building on features already in html
  5. 5. <ul><li><meta name=&quot; author &quot;content=&quot; Mark Birbeck &quot; /> <link rel=&quot; license &quot; href=&quot; http://creativecommons.org/licenses/by/2.0/ &quot; /> </li></ul>
  6. 6. <ul><li><img src=&quot; http://farm1.static.flickr.com/...jpg &quot; /> </li></ul><ul><li>Zakim Bridge by Paul Keleher </li></ul><ul><li><a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by/2.0/&quot;> ... </a> </li></ul>
  7. 7. <ul><li><img src=&quot; http://farm1.static.flickr.com/...jpg &quot; /> </li></ul><ul><li>Zakim Bridge by Paul Keleher </li></ul><ul><li><a about =&quot; http://farm1.static.flickr.com/...jpg &quot; rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by/2.0/&quot;> ... </a> </li></ul>
  8. 8. <ul><li>Boston Harbor by Paul Keleher </li></ul><ul><li><span about=&quot;http://farm1.static.flickr.com/...jpg&quot; > A picture of <span property=&quot;title&quot; > Boston Harbor </span> </span> </li></ul><ul><li><span about=&quot;http://farm1.static.flickr.com/...jpg&quot; > A picture of <span property=&quot;title&quot; > Boston Harbor </span> taken by <span property=&quot;creator&quot; > Paul </span>. </span> </li></ul>
  9. 9. <ul><li><span about=&quot;http://farm1.static.flickr.com/...jpg&quot; > A picture of <span property=&quot;title&quot; > Boston Harbor </span> taken by <span property=&quot;creator&quot; content=&quot;Paul Keleher&quot; > Paul </span>. </span> </li></ul><ul><li>Boston Harbor by Paul Keleher </li></ul>
  10. 10. <ul><li>Christmas Lights by Paul Keleher </li></ul><ul><li><span about=&quot;http://farm1.static.flickr.com/...jpg&quot; > A picture of <span property=&quot;title&quot; > Christmas Lights </span> taken on <span property=&quot;created&quot; > December 1st </span>. </span> </li></ul><ul><li><span about=&quot;http://farm1.static.flickr.com/...jpg&quot; > A picture of <span property=&quot;title&quot; > Christmas Lights </span> taken on <span property=&quot;created&quot; content=&quot;2007-12-01&quot; > December 1st </span>. </span> </li></ul>
  11. 11. <ul><li>Christmas Lights by Paul Keleher </li></ul><ul><li><span about=&quot;http://farm1.static.flickr.com/...jpg&quot; > A picture of <span property=&quot;title&quot; > Christmas Lights </span> taken on <span property=&quot;created&quot; content=&quot;2007-12-01&quot; datatype=&quot;xs:date&quot; > December 1st </span>. </span> </li></ul>
  12. 12. <ul><li>Spiral Staircase by Paul Keleher </li></ul><ul><li><span about=&quot;http://farm1.static.flickr.com/...jpg&quot; > <span property=&quot;title&quot; > Spiral Staircases </span> taken by <span property=&quot;creator&quot; > Paul Keleher </span>. <span property=&quot;geo:lat&quot; content=&quot;42.359188&quot; / > <span property=&quot;geo:long&quot; content=&quot;-71.058291&quot; /> </span> </li></ul>
  13. 13. <ul><li>Spiral Staircase by Paul Keleher </li></ul><ul><li><span about=&quot;http://farm1.static.flickr.com/...jpg&quot; > <span property=&quot; geo:lat &quot; content=&quot; 42.359188 &quot; / > <span property=&quot; geo:long &quot; content=&quot; -71.058291 &quot; /> </span> </li></ul>
  14. 14. <ul><li><span about=&quot;http://www.w3.org/People/Ivan/#me&quot; > <span property=&quot;foaf:name&quot; > Ivan Herman </span> knows Mark Birbeck and they are meeting today. </span> </li></ul>
  15. 15. <ul><li><span about=&quot;http://www.w3.org/People/Ivan/#me&quot; instanceof=&quot;foaf:Person&quot; > <span property=&quot;foaf:name&quot; > Ivan Herman </span> knows Mark Birbeck and they are meeting today. </span> </li></ul>
  16. 16. <ul><li><div about=&quot;urn:ISBN:0091808189&quot; instanceof=&quot;bib:book&quot; > A book. </div> <div about=&quot;urn:ISBN:1596913614&quot; instanceof=&quot;bib:book&quot; > A book. </div> </li></ul>
  17. 17. <ul><li><span about=&quot;http://www.w3.org/People/Ivan/#me&quot; > <span property=&quot;foaf:name&quot; > Ivan Herman </span> knows <span rel=&quot;foaf:knows&quot; resource=&quot;http://inter...blo.com/profile.html#&quot; > Mark Birbeck </span> and they are meeting today. </span> </li></ul>
  18. 18. <ul><li><div rel=&quot;foaf:holdsAccount&quot; > <span instanceof=&quot;foaf:OnlineAccount&quot; > <span rel=&quot;foaf:accountServiceHomepage&quot; resource=&quot;http://www.twitter.com/&quot; > Twitter Name: </span> <span property=&quot;foaf:accountName&quot; > markbirbeck </span> </span> </div> </li></ul>
  19. 19. summary <ul><li>about: determines what we're talking about </li></ul><ul><li>property and content: set text values </li></ul><ul><li>datatype: sets the type of a text value </li></ul><ul><li>instanceof : sets the type of something </li></ul><ul><li>resource: same as href , but not clickable </li></ul><ul><li>rel and rev: had before, but now work with src </li></ul>
  20. 20. rdfa is basically microformat’s big brother daniel e. renfer rdfa is microformats done right bob ducharme
  21. 21. more information <ul><li>rdfa.info: http://rdfa.info </li></ul><ul><li>my blog: http://internet-apps.blogspot.com </li></ul><ul><li>software: http://www.swcube.com </li></ul><ul><li>in detail: http://www.swcube.com/rdfa </li></ul>

×