See more HCalendar articles on AOD.

Powered by
Share this page on
Article provided by Wikipedia

For details of hCalendar used on Wikipedia, see "Wikipedia:Microformats.

hCalendar (short for HTML iCalendar) is a "microformat standard for displaying a semantic "(X)HTML representation of "iCalendar-format "calendar information about an event, on "web pages, using HTML classes and "rel attributes.

It allows parsing tools (for example other websites, or browser add-ons[1] like "Firefox's "Operator extension) to extract the details of the event, and display them using some other website, index or search them, or to load them into a calendar or diary program, for instance. Multiple instances can be displayed as timelines.



Consider this semi-fictional example:

   The English Wikipedia was launched
   on 15 January 2001 with a party from 
   2-4pm at 
   Jimmy Wales' house 
   (more information).

The HTML mark-up might be:

    The English Wikipedia was launched 
    on 15 January 2001 with a party from 
    2-4pm at 
    Jimmy Wales' house 
    (<a href="">more information</a>)

hCalendar mark-up may be added using span "HTML elements and the "classes vevent, summary, dtstart (start date), dtend (end date), location and url:

<p class="vevent">
    The <span class="summary">English Wikipedia was launched</span> 
    on 15 January 2001 with a party from 
    <abbr class="dtstart" title="2001-01-15T14:00:00+06:00">2</abbr>-
    <abbr class="dtend" title="2001-01-15T16:00:00+06:00">4</abbr>pm at 
    <span class="location">Jimmy Wales' house</span> 
    (<a class="url" href="">more information</a>)

Note the use of the abbr element to contain the machine readable, "ISO8601, date-time format for the start and end times.

Accessibility concerns[edit]

Concerns have been expressed[2] that, where it occurs, the use of the abbr element (using the so-called abbr-design-pattern) in the above manner causes accessibility problems, not least for users of screen readers and aural browsers. Work is underway to find an alternative method of presenting ISO8601 date-time information.[3]


The "Geo microformat is a part of the hCalendar specification, and is often used to include the coordinates of the event's location within an hCalendar.


For a full list of attributes, see the hCalendar cheat-sheet.


Notable organisations and other websites using hCalendar include:


  1. ^ Browser Support for Microformats
  2. ^ Web Standards Project, hAccessibility: Abbreviations in Microformats
  3. ^ Microformats Wiki: Assistive Technology
  4. ^ Microformats - Birmingham City Council
  5. ^ Protalinski, Emil (2011-02-18). "Facebook adds hCalendar and hCard microformats to Events". ZDNet. Retrieved 24 March 2011. 
  6. ^ Official Google Maps API Blog: Microformats in Google Maps
  7. ^ Google adds support for hCalendar and hRecipe Rich Snippets
  8. ^ Google Webmaster Tools: Rich snippets - Events
  9. ^ David Storey - Microformats on Opera sites
  10. ^ a b c d e hCalendar Examples in the wild · Microformats Wiki
  11. ^ "Wikipedia:Microformats

External links[edit]

) )