hCard and microformats

July 9, 2007

I’ve been poking around microformats for the last while. Although there has been a lot of adoption of microformats, they haven’t really gone mainstream. Yet. Given the rate of adoption though, and the fact that a mainstream’ish site like LinkedIn boasts over 9 million hResume based profiles, my feeling is that its only a matter of time.

So what are they? Basically its a way of representing information in such a way that a parser, be it a browser or a bot, can read the information and recognize it as a business card or a resume. It could be a way for recruitment sites to standardize information so that you don’t have to retype your resume every time you hit a new job site. So yes, its a standard if you want to look at it that way, but what makes it different from something like the vcard standard is that it is implemented in html which means that browsers that don’t support the standard can still read the information. Since it is implemented in html, it also means that designers can use css to style the elements in whichever way they please without effecting the standard.

Pretty simple and elegant solution all around actually. Each element is encased in a div tag with specific class, the parser looks for elements that have a specific class name and parses their contents. Nice!

Here is my hCard as an example.

Dror Eyal

Open World Systems

855 E. Collins Blvd.


and the code …

My only concern with the format is that the person’s email address is left open to spam if published this way – hence my fiendishly clever use of the demo@ address.