Skip navigation

What are Microformats?

A Microformat is a bit of syntactic HTML and CSS for the purpose of making data on your webpage readable by both humans and machines.

There are currently four popular and well-defined microformats:

  • hCalendar - a description of time based events
  • hCard - business card style information about a person
  • hReview - used to represent reviews of movies, books, and more
  • XFN - Xhtml Friend Network, representing social relationships thru hyperlinks

Here's a technical example of an hCalendar microformat:


<abbr class="vevent">
<a href="http://www.nuggetshoops.com" class="url">
http://www.nuggetshoops.com/</a>
<span class="summary">Denver Nuggets Playoff Game</span>:
<abbr class="dtstart" title="2007-04-28T018:00:00-07:00">
April 28 from 6:00pm MDT</abbr>-
<abbr class="dtend" title="2007-04-28T021:00:00-07:00">9:00pm MDT</abbr>,
at the <span class="location">Pepsi Center, Denver, CO</span></abbr>

Which produces this microformat:

http://www.nuggetshoops.com/
Denver Nuggets Playoff Game:
April 28 from 6:00pm MDT-
9:00pm MDT,
at the Pepsi Center, Denver, CO

2 Trackbacks/Pingbacks

  1. [...] navigation About « Microformat cheat sheets for web developers What are Microformats? [...]

  2. [...] What are Microformats?: Get a quick look at microformats in this introduction. [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *
*
*