What is Microformats & Examples - XhtmlChop

383 views
296 views

Published on

Understand what is Microformats and its uses with examples.

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

  • Be the first to like this

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

No notes for slide

What is Microformats & Examples - XhtmlChop

  1. 1. XhtmlChop Presents Microformats by http://www.xhtmlchop.com (Design to HTML / CMS)
  2. 2. What is Microformats? A microformats is a web-based approach to semantic markup which seeks to re-use existing HTML/XHTML tags to convey metadata and other attributes in web pages. by www.xhtmlchop.com
  3. 3. What is the use of Microformats? Using microformats within HTML code provides additional formatting and semantic data that applications can use. For example, applications such as web crawlers can collect data about online resources. by www.xhtmlchop.com
  4. 4. Technical overview XHTML and HTML standards allow for the embedding and encoding of semantics within the attributes of markup tags. Microformats take advantage of these standards by indicating the presence of metadata using the following attributes: 1. class - Classname 2. rel - relationship, description of the target address in an anchorelement (<a href=... rel=...>...</a>) by www.xhtmlchop.com
  5. 5. Specific microformats • • • • • • • • • • • • hAtom – for marking up Atom feeds from within standard HTML hCalendar – for events hCard – for contact information; includes: o adr – for postal addresses o geo – for geographical coordinates (latitude, longitude) hMedia - for audio/video content hNews - for news content hProduct – for products hRecipe - for recipes and foodstuffs. hResume – for resumes or CVs hReview – for reviews rel-enclosure – for multimedia attachments to web pages rel-license – specification of copyright license xFolk – for tagged links by www.xhtmlchop.com
  6. 6. How to Use it? For example, in the text "The birds roosted at 52.48, -1.89" is a pair of numbers which may be understood, from their context, to be a set of geographic coordinates. With wrapping in spans (or other HTML elements) with specific class names (in this case geo, latitude and longitude, all part of the geo microformat specification): by www.xhtmlchop.com
  7. 7. Example - Normal Code The birds roosted at <span> <span>52.48</span>, <span>-1.89</span> </span> by www.xhtmlchop.com
  8. 8. Example - MFs Implemented code <p class="hCard">The birds roosted at <span class="geo"> <span class="latitude">52.48</span>, <span class="longitude">-1.89</span> </span> </p> Here this information can be used by google crawl, google by www.xhtmlchop.com maps, and Also in GPS.
  9. 9. One more example - Normal Code <ul> <li>Joe Doe</li> <li>The Example Company</li> <li>604-555-1234</li> <li><a href="http://example.com/">http://example.com/</a></li> </ul> by www.xhtmlchop.com
  10. 10. MFs Implemented code <ul class="hCard"> <li class="fn">Joe Doe</li> <li class="org">The Example Company</li> <li class="tel">604-555-1234</li> <li><a class="url" href="http://example.com/">http://example.com/</a> </li> </ul> by www.xhtmlchop.com
  11. 11. Microformats Creator hCard : http://microformats.org/code/hcard/creator hReview : http://microformats.org/code/hreview/creator hcalendar : http://microformats.org/code/hcalendar/creator by www.xhtmlchop.com
  12. 12. Microformats site URL http://microformats.org/ by www.xhtmlchop.com
  13. 13. Thank you ! by http://www.xhtmlchop.com

×