Your SlideShare is downloading. ×
What is Microformats & Examples - XhtmlChop
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

What is Microformats & Examples - XhtmlChop


Published on

Understand what is Microformats and its uses with examples.

Understand what is Microformats and its uses with examples.

Published in: Technology

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. XhtmlChop Presents Microformats by (Design to HTML / CMS)
  • 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
  • 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
  • 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
  • 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
  • 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
  • 7. Example - Normal Code The birds roosted at <span> <span>52.48</span>, <span>-1.89</span> </span> by
  • 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 maps, and Also in GPS.
  • 9. One more example - Normal Code <ul> <li>Joe Doe</li> <li>The Example Company</li> <li>604-555-1234</li> <li><a href=""></a></li> </ul> by
  • 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=""></a> </li> </ul> by
  • 11. Microformats Creator hCard : hReview : hcalendar : by
  • 12. Microformats site URL by
  • 13. Thank you ! by