Nowadays, if you want to ease the way people add your contact info to their phones or any electronic addressbook, you must provide a vCard !

vCard is a Microformats project. To make it short, Microformats enable the tagging of a structured group of meta data for things like a visit card, a recipe, a product, a calendar event… and other Microformats projects.

A vCard file looks like this (well…a .vcf file) :

BEGIN:VCARD
VERSION:2.1
N:Jon;Nhy, 
FN:PHP Developer
ORG:Fifteenpeas IT
TITLE:Mr
PHOTO;GIF:https://www.fifteenpeas.com/
TEL;WORK;VOICE:(352)555-5555 
ADR;WORK:;;15 helm Street,Eselborn,Clervaux 9706
END:VCARD

vCard is now in version 4.0 (I guess). The evolution is mainly adding new information or subdivide the existing one.

You can save it on your webroot folder (as a .vcf file) and put a link to it somewhere in the contact part of your site.

In your .htaccess file you must have the following line, for the right application to be triggered when downloading the vCard.vcf file.

AddType text/x-vcard .vcf

Ok, but what if I want to have my address displayed on a website but also downloadable.

Then you will use the hCard. It is the same as the vCard but in your html.

It looks like this :

<div class="vcard">
      <img class="photo" src="http://www.asite/aphoto.gif" align="left" />
      <span class="fn">Forrest Gump</span>
<span class="adr">.....</span>
.......

Of course, you will need an hcard parser to generate back a real vCard.

Now, plenty of examples and a wide explanation just here and also here and let’s not forget to google it.

Besides creating your own, on the fly, vCard generator, you will also find browser’s add-ons which can find Microformats within a page.

Knowing that this is heavily supported by Microsoft and Apple, and that there is a convergence with html5 semantic tags, you should get interested in Microformats.