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

More Related Content

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Microformats

  • 2. What I will feed you today http://www.flickr.com/photos/cindyli/2836380076/ 2
  • 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
  • 12. Licenses – rel=“license” <a href="http://creativecommons.org/..." rel="license">cc by 2.0</a> http://microformats.org/wiki/rel-license 12
  • 13. Microformat Specifications People and Organisations Calendars and Events Opinions, Ratings and Reviews Licenses Tags, Keywords, Categories Lists and Outlines More... 13
  • 16. Tags – rel=“tag” <a href="http://technorati.com/tag/tech" rel="tag">tech</a> http://microformats.org/wiki/rel-tag 16
  • 17. Microformat Specifications People and Organisations Calendars and Events Opinions, Ratings and Reviews Licenses Tags, Keywords, Categories Lists and Outlines More... 17
  • 19. hCard 1.0 Dushan Hanuska NBN Co Limited T: +61299261900 F: +61299261901 E: dushanhanuska@nbnco.com.au A: L11, 100 Arthur St, North Sydney NSW 2060 http://microformats.org/wiki/hcard 19
  • 20. hCard 1.0 <span class=“vcard”> Dushan Hanuska NBN Co Limited T: +61299261900 F: +61299261901 E: dushanhanuska@nbnco.com.au A: L11, 100 Arthur St, North Sydney NSW 2060 </span> 20
  • 21. hCard 1.0 <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> NBN Co Limited T: +61299261900 F: +61299261901 E: dushanhanuska@nbnco.com.au A: L11, 100 Arthur St, North Sydney NSW 2060 </span> 21
  • 22. hCard 1.0 <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> <span class=“org”>NBN Co Limited</span> T: +61299261900 F: +61299261901 E: dushanhanuska@nbnco.com.au A: L11, 100 Arthur St, North Sydney NSW 2060 </span> 22
  • 23. hCard 1.0 <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> <a href=“http://www.nbnco.com.au” class=“url org”>NBN Co Limited</a> T: +61299261900 F: +61299261901 E: dushanhanuska@nbnco.com.au A: L11, 100 Arthur St, North Sydney NSW 2060 </span> 23
  • 24. hCard 1.0 <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> <a href=“http://www.nbnco.com.au” class=“url org”>NBN Co Limited</a> T: <span class=“tel”>+61299261900</span> F: +61299261901 E: dushanhanuska@nbnco.com.au A: L11, 100 Arthur St, North Sydney NSW 2060 </span> 24
  • 25. hCard 1.0 <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> <a href=“http://www.nbnco.com.au” class=“url org”>NBN Co Limited</a> T: <span class=“tel”>+61299261900</span> F: <span class=“tel”>+61299261901</span> E: dushanhanuska@nbnco.com.au A: L11, 100 Arthur St, North Sydney NSW 2060 </span> 25
  • 26. hCard 1.0 <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> <a href=“http://www.nbnco.com.au” class=“url org”>NBN Co Limited</a> T: <span class=“tel”>+61299261900</span> F: <span class=“tel”>+61299261901</span> E: <span class=“email”> dushanhanuska@nbnco.com.au</span> A: L11, 100 Arthur St, North Sydney NSW 2060 </span> 26
  • 27. hCard 1.0 <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> <a href=“http://www.nbnco.com.au” class=“url org”>NBN Co Limited</a> T: <span class=“tel”>+61299261900</span> F: <span class=“tel”>+61299261901</span> E: <span class=“email”>dushan...</span> A: <span class=“adr”> L11, 100 Arthur St, North Sydney NSW 2060 </span> </span> 27
  • 28. hCard 1.0 <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> <a href=“http://www.nbnco.com.au” class=“url org”>NBN Co Limited</a> T: <span class=“tel”>+61299261900</span> F: <span class=“tel”>+61299261901</span> E: <span class=“email”>dushan...</span> A: <span class=“adr”>...</span> </span> 28
  • 29. hCard 1.0 – telephone numbers <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> <span class=“org”>NBN Co Limited</span> T: <span class=“tel”>+61299261900</span> F: <span class=“tel”>+61299261901</span> E: <span class=“email”>dushan...</span> A: <span class=“adr”>...</span> </span> 29
  • 30. hCard 1.0 – telephone numbers ... T: <span class=“tel”> <span class=“type”>work</span> <span class=“value”>+61299261900</span> </span> F: <span class=“tel”> <span class=“type”>fax</span> <span class=“value”>+61299261901</span> </span> ... 30
  • 31. hCard 1.0 – telephone numbers ... T: <span class=“tel”> <span class=“type mf-hide”>work</span> <span class=“value”>+61299261900</span> </span> F: <span class=“tel”> <span class=“type mf-hide”>fax</span> <span class=“value”>+61299261901</span> </span> ... 31
  • 32. hCard 1.0 - address <span class=“vcard”> <span class=“fn”>Dushan Hanuska</span> <a href=“http://www.nbnco.com.au” class=“url org”>NBN Co Limited</a> T: <span class=“tel”>+61299261900</span> F: <span class=“tel”>+61299261901</span> E: <span class=“email”>dushan...</span> A: <span class=“adr”> L11, 100 Arthur St, North Sydney NSW 2060 </span> </span> 32
  • 33. hCard 1.0 - address ... A: <span class=“adr”> L11, 100 Arthur St, North SydneyNSW2060 </span> ... 33
  • 34. hCard 1.0 - address ... A: <span class=“adr”> <span class=“street-address”>L11, 100 Arthur St</span>, North SydneyNSW2060 </span> ... 34
  • 35. hCard 1.0 - address ... A: <span class=“adr”> <span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> NSW2060 </span> ... 35
  • 36. hCard 1.0 - address ... A: <span class=“adr”> <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 </span> ... 36
  • 37. hCard 1.0 - address ... A: <span class=“adr”> <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> </span> ... 37
  • 38. hCard 1.0 - address ... A: <span class=“adr”> <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> <span class=“country-name”>Australia</span> </span> ... 38
  • 39. hCard 1.0 - address ... A: <span class=“adr”> <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> <span class=“mf-hide country-name”>Australia</span> </span> ... 39
  • 40. hCard 1.0 - geo ... A: <span class=“adr”>...</span> <span class=“geo”> <span class=“latitude”>-33.883121</span> <span class=“longitude”>151.130717</span> </span> ... 40
  • 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
  • 48. hCalendar 1.0 Category Description dtend(ISO date), duration (ISO date) Location Geo (latitude, longitute) Attendee, Contact, Organizer 48
  • 50. Further Reading - online http://www.microformats.org http://microformats.org/wiki/hcard http://microformats.org/wiki/geo http://microformats.org/wiki/hcalendar http://microformats.org/wiki/rel-license http://microformats.org/wiki/rel-tag 50
  • 51. John Allsop – Microformats: Empowering Your Markup for Web 2.0 51
  • 52. Emily Lewis, TantekÇelikMicroformats Made Simplehttp://microformatsmadesimple.com/ 52