Microformat
236
software agents can recognize exactly what each value represents and can then perform a variety of tasks such as indexing, locating it on a map and exporting it to a GPS device.
Example In this example, the contact information is presented as follows: <div> <div>Joe Doe</div> <div>The Example Company</div> <div>604-555-1234</div> <a href="http://example.com/">http://example.com/</a> </div>
With hCard microformat markup, that becomes: <div class="vcard"> <div class="fn">Joe Doe</div> <div class="org">The Example Company</div> <div class="tel">604-555-1234</div> <a class="url" href="http://example.com/">http://example.com/</a> </div>
Here, the formatted name (fn), organisation (org), telephone number (tel) and web address (url) have been identified using specific class names and the whole thing is wrapped in class="vcard", which indicates that the other classes form an hCard (short for "HTML vCard") and are not merely coincidentally named. Other, optional, hCard classes also exist. Software, such as browser plug-ins, can now extract the information, and transfer it to other applications, such as an address book.
In-context examples For annotated examples of (microformat)#Three_classes.
microformats
on
live
pages,
see
HCard#Live
example
Specific microformats Several microformats have been developed to enable semantic markup of particular types of information. • hAtom – for marking up Atom feeds from within standard HTML • hCalendar – for events • hCard – for contact information; includes: • adr – for postal addresses • geo – for geographical coordinates (latitude, longitude) • hMedia - for audio/video content [6] [7] • hNews - for news content • hProduct – for products • hRecipe - for recipes and foodstuffs. • hResume – for resumes or CVs
and
Geo