Account services

Microformats and small styles

Microformats are about using the XHTML standards to convey as much semantic meaning as possible. Think of them as semantic best practices. They use current XHTML tags such as address, cite, and blockquote and attributes such as rel, rev, and title to create semantically appropriate blocks of code. All you need to do to get started with them is familiarise yourself with the best ways to apply the tags and attributes you already use.


This example shows how to encode an address entry by overloading the class attribute.

<div class="vcard">
  <div class="fn">Joe Doe</div>
  <div class="org">The Example Company</div>
  <div class="tel">+1-604-555-1234</div>
  <a class="url" href=""></a>

But, in principle microformats are still a screen-scraping technique. The webpage code will provide help, but you still have to implement a somewhat complex parser to harvest the data, and only if the microformat conventions are followed correctly, a good result can be expected.

See also

Google has from May 2009 started to understand certain types of microformats. Check out Google's webmaster support for exactly which ones.

Small styles

A .menu class is available in the central stylesheet for those occasions where you just need a simple list without bullets. It is used as <ul class="menu"> and replaces the deprecated <menu> element.