(Design to HTML / CMS)
What is Microformats?
A microformats is a web-based approach to semantic
markup which seeks to re-use existing HTML/XHTML
tags to convey metadata and other attributes in web
What is the use of Microformats?
Using microformats within HTML code provides additional
formatting and semantic data that applications can use. For
example, applications such as web crawlers can collect
data about online resources.
XHTML and HTML standards allow for the embedding and
encoding of semantics within the attributes of markup tags.
Microformats take advantage of these standards by indicating
the presence of metadata using the following attributes:
- relationship, description of the target address in an anchorelement (<a href=... rel=...>...</a>)
hAtom – for marking up Atom feeds from within standard HTML
hCalendar – for events
hCard – for contact information; includes:
o adr – for postal addresses
o geo – for geographical coordinates (latitude, longitude)
hMedia - for audio/video content
hNews - for news content
hProduct – for products
hRecipe - for recipes and foodstuffs.
hResume – for resumes or CVs
hReview – for reviews
rel-enclosure – for multimedia attachments to web pages
rel-license – specification of copyright license
xFolk – for tagged links
How to Use it?
For example, in the text "The birds roosted at 52.48, -1.89"
is a pair of numbers which may be understood, from their
context, to be a set of geographic coordinates. With
wrapping in spans (or other HTML elements) with specific
class names (in this case geo, latitude and longitude, all
part of the geo microformat specification):
Example - Normal Code
The birds roosted at
Example - MFs Implemented code
<p class="hCard">The birds roosted at
Here this information can be used by google crawl, google
maps, and Also in GPS.
One more example - Normal Code
<li>The Example Company</li>