HCalendar explained

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.

Example

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 (more information)

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

The

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

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

Accessibility concerns

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.[3] The newer h-event microformat therefore uses the HTML5 element time instead:

Geo

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.

Attributes

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

Users

Notable organisations and other websites using hCalendar include:

External links

Notes and References

  1. http://microformats.org/wiki/browsers Microformats.org: Browser Support for Microformats
  2. http://www.webstandards.org/2007/04/27/haccessibility/ Web Standards Project, hAccessibility: Abbreviations in Microformats
  3. http://microformats.org/wiki/assistive-technology Microformats Wiki: Assistive Technology
  4. http://www.birmingham.gov.uk/microformats Microformats – Birmingham City Council
  5. Web site: Facebook adds hCalendar and hCard microformats to Events. https://web.archive.org/web/20110219130150/http://www.zdnet.com/blog/facebook/facebook-adds-hcalendar-and-hcard-microformats-to-events/266. dead. February 19, 2011. Protalinski. Emil. 2011-02-18. ZDNet. 24 March 2011.
  6. http://googlemapsapi.blogspot.com/2007/06/microformats-in-google-maps.html Official Google Maps API Blog: Microformats in Google Maps
  7. http://microformats.org/2010/04/28/google-adds-support-for-hcalendar-and-hrecipe-rich-snippets Microformats.org: Google adds support for hCalendar and hRecipe Rich Snippets
  8. https://support.google.com/webmasters/bin/answer.py?hl=en&answer=164506 Google Webmaster Tools: Rich snippets - Events
  9. http://my.opera.com/dstorey/blog/microformats-on-opera-sites David Storey – Microformats on Opera sites
  10. http://microformats.org/wiki/hcalendar-examples-in-wild hCalendar Examples in the wild · Microformats Wiki
  11. [Wikipedia:Microformats]