Sussex countryside

It's made my business run better! Get a 10% lifetime discount when you Sign up for FreeAgent

Using microformats and hCard

Posted in on 15 September 2006

After seeing microformats described with some passion by Jeremy Keith during the lunchbreak at d.Construct 2006 last week, I decided to add a simple hCard microformat to a couple of websites where it seeemed appropriate (this one included). I started with hCard creator and modified the resulting code accordingly to create an HTML snippet that I could use. A simple copy and paste and some stylesheet changes and I was done.

Microformats logoAfter doing this, I wondered whether I should validate my work. The Tails extension for Firefox detects a webpage containing a microformat by lighting up a microformat logo in the status bar. I'm not sure if this is 100% foolproof but I came away with a warm fuzzy feeling after seeing my newly microformatted web page. Yay!

Overall, my simple little example wasn't too scary. In future, I'll be keeping a watch for examples where microformats have been used, in particular to transfer data between websites.

PS Jon Hicks has published a nifty CSS method that highlights a webpage microformat for Safari and other Mac-based browsers.

Related Posts


There are currently no comments on this article.


Enter your comment below. Fields marked * are required. You must preview your comment first before finally posting.


Shopify makes it easy to open an online store by providing all the tools and help you need. Click here to try it for free!

Subscribe RSS Feed

RSS icon