Microformats

Microformats are an easy way to integrate semantic meaning into web pages. It´s already being adopted by popular websites. Firefox has an add-on called Operator that can parse it automatically.

For example, here is the Digg profile page for jon1012.



Operator parsed the embedded hCard automatically and gave me the opportunity to export his contact information as a vCard.

The snippet of HTML looks like

<div class="vcard">
<div class="vcard-side">
<img class="photo" src="/users/jon1012/h.png"
 alt="jon1012" width="120" height="120" alt="" />
</div>
<h2><span class="fn">jon1012</span></h2>
<div class="profile-location">A  person from
<span class="adr"><span class="locality">Paris, France</span></span>
  who joined Digg on December 7th, 2005
</div>
</div>

Here´s an example with Google Maps.




and wikipedia