1. HTML5 &
    microformats 2

    the next evolutionary step for web data

    HTML5 logo microformats logo

  2. CC-BY-3.0

  3. etherpad.mozilla.org/cascadesf

  4. evolution of data on the web

    1. microformats in 2012
    2. challenges & lessons
    3. HTML5 & microformats2 today
  5. 1. microformats in 2012

  6. 2012 Web Data Commons - microformats ~70% domains

    Web Data Commons pie chart of domains with structured data
  7. simplicity & openness

  8. public domain / CC0

  9. 17 translations!

    17 translations on microformats wiki home page
  10. why microformats?

    1. less work - re-usable class names
    2. site features/UI - Download hCard to Address Book Download hCalendar to Calenar
    3. cheap DRY API - compare to XML[1]/JSON
    4. search results
      Rich Snippet search result of a restaurant with rating
    5. web sites consuming microformats
      Readability, Spinn3r, Foursquare
  11. microformats parsed by

  12. 2. challenges & lessons

  13. 7 years of alternative approaches

  14. lessons learned

  15. a. accessibility
    humans first

  16. accessibility - humans first

  17. b. class collisions
    and losses

  18. class collisions and losses

  19. c. too much markup

  20. too much markup: problem

  21. too much markup: solutions

  22. 3. today: HTML5 &
    microformats2

  23. HTML5 and data

  24. HTML5: <time> element

  25. HTML5: <time> recent enhancements

  26. HTML5 new element: <data>

  27. today: microformats2

  28. microformats2

    1. prefixed class names (h- p- u- dt- e-)
    2. flat sets of properties
    3. single class markup for common uses
    4. live documentation:
      microformats.org/wiki/microformats2
  29. Thank you

    Tantek Çelik

    tantek.com@t

    microformats.org/wiki@microformats
    IRC freenode: #microformats