hCalendar is a simple, open, distributed calendaring and events format, based on the iCalendar standard (RFC2445), suitable for embedding in (X)HTML, Atom, RSS, and arbitrary XML. hCalendar is one of several open microformat standards.
Want to get started with writing an hCalendar event? Use the hCalendar creator to write up an event and publish it, or follow the hCalendar authoring tips to add hCalendar markup to your page of upcoming events or events you mention in blog posts, wikis, etc.
This specification is (C) 2004-2023 by the authors. However, the authors intend to submit (or already have submitted, see details in the spec) this specification to a standards body with a liberal copyright/licensing policy such as the GMPG, IETF, and/or W3C. Anyone wishing to contribute should read their copyright principles, policies and licenses (e.g. the GMPG Principles) and agree to them, including licensing of all contributions under all required licenses (e.g. CC-by 1.0 and later), before contributing.
Inspiration and Acknowledgments
- Adam Bosworth for leading the FOO Camp 2004 HTML For Calendars presentation which brought together a critical mass of interested parties.
The iCalendar standard (RFC2445), has been broadly interoperably implemented (e.g. Apple's "iCal" application built into MacOSX).
In addition, bloggers often discuss events on their blogs -- upcoming events, writeups of past events, etc. With just a tad bit of structure, bloggers can discuss events in their blog(s) in such a way that spiders and other aggregators can retrieve such events, automatically convert them to iCalendar, and use them in any iCalendar application or service.
This specification introduces the hCalendar format, which is a 1:1 representation of the aforementioned iCalendar standard, in semantic XHTML. Bloggers can both embed hCalendar events directly in their web pages, and style them with CSS to make them appear as desired. In addition, hCalendar enables applications to retrieve information about such events directly from web pages without having to reference a separate file.
Semantic XHTML Design Principles
Note: the Semantic XHTML Design Principles were written primarily within the context of developing hCard and hCalendar, thus it may be easier to understand these principles in the context of the hCard design methodology (i.e. read that first). Tantek
XHTML is built on XML, and thus XHTML based formats can be used not only for convenient display presentation, but also for general purpose data exchange. In many ways, XHTML based formats exemplify the best of both HTML and XML worlds. However, when building XHTML based formats, it helps to have a guiding set of principles.
- Reuse the schema (names, objects, properties, values, types, hierarchies, constraints) as much as possible from pre-existing, established, well-supported standards by reference. Avoid restating constraints expressed in the source standard. Informative mentions are ok.
- For types with multiple components, use nested elements with class names equivalent to the names of the components.
- Plural components are made singular, and thus multiple nested elements are used to represent multiple text values that are comma-delimited.
- Use the most accurately precise semantic XHTML building block for each object etc.
- Otherwise use a generic structural element (e.g.
<div>), or the appropriate contextual element (e.g. an
- Use class names based on names from the original schema, unless the semantic XHTML building block precisely represents that part of the original schema. If names in the source schema are case-insensitive, then use an all lowercase equivalent. Components names implicit in prose (rather than explicit in the defined schema) should also use lowercase equivalents for ease of use. Spaces in component names become dash '-' characters.
- Finally, if the format of the data according to the original schema is too long and/or not human-friendly, use
<abbr>instead of a generic structural element, and place the literal data into the 'title' attribute (where abbr expansions go), and the more brief and human readable equivalent into the element itself. Further informative explanation of this use of
<abbr>: Human vs. ISO8601 dates problem solved
The iCalendar standard (RFC2445) forms the basis of hCalendar.
Note: the editor and authors of this specification are tracking the "iCal-Basic" effort and intend to base the core hCalendar profile on iCal-Basic. See references for a link to the current draft.
The basic format of hCalendar is to use iCalendar object/property names in lower-case for class names, and to map the nesting of iCalendar objects directly into nested XHTML.
More Semantic Equivalents
However, for some properties there is a more semantic equivalent, and therefore they get special treatment, e.g.:
URLin iCalendar becomes
<a class="url" href="...">...</a>inside the element with
ORGANIZERin iCalendar may be represented by an hCard in hCalendar .
- A named
LOCATION(potentially with an address and/or geo) in iCalendar may be represented by a nested hCard in hCalendar. Similarly, an address
LOCATIONmay be represented by an adr, and a geo (latitude and longitude)
LOCATIONmay be represented by a Geo.
UIDin iCalendar simply becomes another semantic applied to a specific URL for an hCalendar event.
Singular vs. Plural Properties
For properties which are singular (e.g. "N" and "FN" from vCard), the first descendant element with that class should take effect, any others being ignored.
For properties which can be plural (e.g. "TEL" from vCard), each class instance should create a instance of that property. Plural properties with subtypes (e.g. TEL with WORK, HOME, CELL from vCard) can be optimized to share a common element for the property itself, with each instance of subtype being an appropriately classed descendant of the property element.
Plural Properties Singularized
Since plural property names become their singular equivalents, even if the original plural property permitted only a single value with multiple components, those multiple components are represented each with their own singularly named property and the the property is effectively multivalued and subject to the above treatment of multivalued properties.
Human vs. Machine readable
<abbr> element is used for a property, then the '
title' attribute of the
<abbr> element is the value of the property, instead of the contents of the element, which instead provide a human presentable version of the value. This specification recommends that such
<abbr> elements be used for the following iCalendar properties:
- DTSTART, DTEND, DURATION, RDATE, RRULE
Here is a sample event in an iCalendar:
BEGIN:VCALENDAR PRODID:-//XYZproduct//EN VERSION:2.0 BEGIN:VEVENT URL:http://www.web2con.com/ DTSTART:20051005 DTEND:20051008 SUMMARY:Web 2.0 Conference LOCATION:Argent Hotel\, San Francisco\, CA END:VEVENT END:VCALENDAR
and an equivalent event in hCalendar format with various elements optimized appropriately. See hCalendar Example 1 Steps for the derivation.
<span class="vevent"> <a class="url" href="http://www.web2con.com/"> <span class="summary">Web 2.0 Conference</span>: <abbr class="dtstart" title="2005-10-05">October 5</abbr>- <abbr class="dtend" title="2005-10-08">7</abbr>, at the <span class="location">Argent Hotel, San Francisco, CA</span> </a> </span>
which could be displayed as:
The following example specifies a scheduled meeting that begins at 8:30 AM EST on March 12, 1998 and ends at 9:30 AM EST on March 12, 1998.
BEGIN:VCALENDAR BEGIN:VEVENT UID:guid-1.host1.com DTSTAMP:19980309T231000Z DESCRIPTION:Project XYZ Review Meeting SUMMARY:XYZ Project Review DTSTART:19980312T133000Z DTEND:19980312T143000Z LOCATION:1CP Conference Room 4350 END:VEVENT END:VCALENDAR
The equivalent in hCalendar:
<div class="vevent"> <h3 class="summary">XYZ Project Review</h3> <p class="description">Project XYZ Review Meeting</p> <p>To held on <abbr class="dtstart" title="1998-03-12T08:30:00-05:00">12 March 1998 from 8:30am EST</abbr> until <abbr class="dtend" title="1998-03-12T09:30:00-05:00">9:30am EST</abbr></p> <p>Location: <span class="location">1CP Conference Room 4350</span></p> <small>Booked by: <span class="uid">guid-1.host1.com</span> on <abbr class="dtstamp" title="19980309T231000Z">9 Mar 1998 6:00pm</abbr></small> </div>
This could be displayed as:
XYZ Project Review
Project XYZ Review Meeting
To held on 12 March 1998 from 8:30am EST until 9:30am EST
Location: 1CP Conference Room 4350
Booked by: guid-1.host1.com on9 Mar 1998 6:00pm
Note 1: The product information is not necessary since hCalendar is an interchange format. When transforming hCalendar back into iCalendar, the transforming engine should add its own product ID.
Note 2: A surrounding
<span class="vcalendar"> element is optional, and is left out as such. It is optional since the context of a vcalendar is implied when a vevent is encountered. The implied context/scope is that of the document. Authors may explicitly use elements with class="vcalendar" to wrap sets of vevents that all belong to the same calendar, e.g. when publishing multiple calendars on the same page.
Note 3: The version information is unnecessary in hCalendar markup directly since the version will be defined by the profile of hCalendar that is used/referred to in the 'profile' attribute of the <head> element.
Note 4: ISO8601 dates (required by iCalendar) are not very human friendly. In addition, the year is often understood implicitly by humans from the context. Thus
<abbr> elements are used to simultaneously provide a human friendly date and/or time in the visible contents of the element, while placing the respective machine parsable comprehensive ISO8601 datetime in the 'title' attribute.
YYYY-MM-DDThh:mm:ss should be used for better readability, following the format of RFC 3339.
Note 5: The difference between the DTEND ISO8601 date (2005-10-08) and the human readable date (7) is NOT a mistake. DTEND is exclusive, meaning, that the event ends just before the DTEND. Thus for events which start on one day and end on another day, the DTEND date must be specified as the day after the day that a human would say is the last day of the event.
Note 6: The location in this example contains implicit structure (venue name, city, state) which could be marked up explicitly as an hCard. See hCalendar brainstorming: hCard locations for a informative explanation of how to do this.
See hCalendar examples for more hCalendar examples
Examples in the wild
This section is informative.
The following sites have implemented hCalendar, and thus are a great place to start for anyone looking for examples "in the wild" to try parsing, indexing, organizing etc. If events on your pages are marked up with hCalendar, feel free to add it to the top of this list. Once the list grows too big, we'll make a separate wiki page.
Please add new examples to this section.
- Theatre Studies: European Theatre at the University of Edinburgh uses hCalendar to markup news and events on the index page.
- Colin Crosby Heritage Tours uses hCalendar to markup events.
- Facebook use hCalendar to markup events.
- Newbury College UK uses a smattering of hCalendar and hCard
- 07.pagesd.info uses hCalendar and hCard to mark up events of the ArdĂšche dĂ©partement in France.
- Stephanie Booth announced the Bloggy Friday for October 2006 using hCalendar.
- The West Midland Bird Club, in the English Midlands, uses hCal (with nested hCard) on its diary of birding events.
- ComTec audience response systems press releases uses hCalendar as a method to organize by title and date.
- The Web Directions Conference (Sydney Australia) uses hCalendar for their program. It uses axis and headers for events in a table, and demonstrates how easy it is to make the whole thing downloadable using X2V.
- The Street Theatre (Canberra, Australia) now uses hCalendar for performances on its What's On page.
- Clackmannanshire Council uses hCalendar on its event diary listing pages and individual event pages.
- Calendarportal MarkThisDate.com now uses hCalendar for all calendars. On our website visitors can add calendars and download calendars to Outlook, Lotus Notes, iCal, Netvibes, 30Boxes, Google Calendar and many others. Over 600 calendars were already uploaded.
- mogue uses hCalendar at event detail pages.
- 2006 Nobel Conference uses hCalendar for the conference schedule
- Geek in the Park uses hCalendar for the event information. -- by trovster
- official site of BesanĂ§on (France) for its events
- Conference schedule for d.Construct 2006 is published using hCalendar.
- Yahoo Local now supports hCalendar
- We used hcalendar for the Fâparade flyer 2006, a counter demonstration to the Love Parade in Berlin, alas the Firefox tails extension doesn't get a summary when it's an alt-text in an image.
- Harper Adams University College uses hCalendar to mark up all University events on the Homepage and Events Calendar page.
- Capital University uses hCalendar on multiple pages to provide feeds of events, relevant to page content
- The Session events uses hCalendar to mark up concerts, festivals and workshops related to Irish traditional music.
- ncl.rb uses hCalendar to mark up new meetings.
- World Cup KickOff where you can download and keep all the fixtures you are interested in so you will never miss a single game of the 2006 football World Cup!
- This link was on the Lifehackers site and made its way to the yahoo news site:
Mon May 22, 4:00 PM ET The World Cup, one of the world's most watched sporting events, is almost upon us. If you've ever tried to follow your favorite team through the Cup you know that it can sometimes be difficult to know when they're on. World Cup Kickoff can help.
World Cup KickOff is all you will ever need for knowing all the match details for the upcoming World Cup 2006. Whether you use your mobile phone, MS Outlook, Apple iCal or Mozilla Calendar, you can download and keep all the fixtures you are interested in so you will never miss a single game! ADVERTISEMENT
Next tip? We'll show you how to get up at 2 AM to watch your matches. ;0) Thanks to Tom for the tip!
- GROSSUG Calendar - Uses hCalendar to mark up meetings and other events.
- Web Analytics Association - hCalendar microformat is in place on all Tendenci sites on the calendar events search page and consolidated list page.
- Tendenci Calendar Events with hCalendar
- Web2.0 Conference in Dublin hCalendar event
- Meetup.com has marked up city event calendars, group event lists, and signed-in homepages with hCalendar.
- ukwindsurfing.com has marked upcoming events with hCalendar, and the events page in a table.
- ocono.com has marked up it's "Upcoming Events" list with hCalendar.
- Austin Bloggers has marked up their "Upcoming Events" box with hCalendar (announcement).
- Ning's cloneable Group app has hCalendar markup on its event calendar and event detail pages.
- Agenda: W3C Technical Plenary Day, March 1 2006 has hCard and hCalendar markup. (original here).
- The National Arbor Day Foundation has started using hCalendars for their upcoming conferences.
- State of Flux street art site has started adding events in hCalendar format
- The BarCamp home page lists upcoming BarCamps marked up with hCalendar and even has a "Subscribe..." link.
- 2006 W3C Technical Plenary Week has marked up the schedule and events for the week with hCalendar.
- code4lib Conference 2006 Schedule is marked up with hCalendar as announced on their blog.
- IEEE 754 Working Group - trying hCalendar for upcoming meetings.
- Elecciones 2005 Chile - the first spanish language hCalendar event found in the wild.
- Giocolando Â» No Creative Commons? No Party! is marked up with hCalendar
- CM Pros Events Calendar by Bob Doyle
- Midgard CMS Event calendar - as blogged by Henri Bergius
- Iowa Military Veterans Band Schedule - hCalendar markup added by Scott Reynen
- Upcoming events on Jason A.R. Moody Amusements Weblog posted by Jason Moody on 15 Oct 2005. His weblog in general has hCalendar events posted inside the blog posts.
- Syndicate - Tracks & Sessions
- Web 2.0 Conference schedule page marked up with hCalendar
- C'MON is a rock band from Canada, and their tour dates have been marked up by Ray Dickman with hCalendar.
- ifreebusy.com will display freebusy information using hCalendar. See this example.
- Web Essentials 05 has marked up their program schedule table with hCalendar, using the 'axis' and 'headers' attributes.
- ASDV Bonaparte is a Dutch debating society. Their events calendar has been marked up with the hCalendar conventions.
- Suw Charman has marked up her events with hCalendar.
- Blog Business Summit has published their event details marked up with hCalendar.
- Eventful.com publishes all events with hCalendar and venues with hCard. Took them only 15 minutes to implement both! Their Atom feeds also contain hCalendar/hCard.
- Upcoming.org publishes all events and lists of events with hCalendar. Took them only an hour to add hCalendar support to the site.
- The Laughing Squid Calendar events, e.g. this party, now supports hCalendar.
- Paul Schreiber's Sunnyvale House Concerts site publishes hCalendar event information for upcoming concerts. In addition the Past Shows page contains hCalendar events for all past concerts.
- Complex Spiral Consulting, both in the "Events" box on left side, and the separate Events page.
- Tantek's Thoughts, specifically the "Events" roll in the right-most column.
- Lesser Known Holidays, a list of holidays on suda.co.uk that can be imported via iCal and hCal so you can compare actual transformation versus intended.
- Norm Walsh's travel schedule use hCalendar as well as GRDDL.
- Policy Aware Web (PAW) Project Meeting uses hCalendar to record date-related decisions, and uses a vtodo microformat to record action items.
- The Laboratory for Dependable Distributed Systems publishes it's list of notable CfPs on dependability and security with hCalendar-todo elements.
- The Laughing Squid 10th Anniversary Party has an hcalendar page.
- SPRACI has hcalendar versions of its nightlife/clubbing/gigs/festivals listings for many cities worldwide - eg: Events in Sydney (check the API pages in the faq section of SPRACI for more info about the area/city keywords and category tags to use to get data for your city/categories
- WWF-Australia events calendars: What's on, Volunteer
- rubyholic uses hCalendar to publish calendars for ruby groups.
- University of Bath What's On uses hCalendar on individual event pages
- The Kiez is a small cinema and has published its program marked up with hCalendar
Examples with some problems
- s'Bokle is a German music pub. Their events calendar has been marked up with hCalendar.
- improper use of rrule --RyanKing 16:04, 6 Jan 2006 (PST)
- Plan9 - Uses hCalendar to mark up events !
- dtstart/dtend are implemented on span element Tom Armitage June 23, 2006
- socalTECH is a news and information site. Their front page event listing is marked up with hCalendar.
- dtstart/dtend implemented on span element Tom Armitage June 23, 2006
- The Multipack features a vevent for the next meeting information.
- dtstart/dtend are implemented on em element Tom Armitage June 23, 2006
- Paul Schreiber's unofficial schedule site publishes hCalendar information for upcoming hockey games at Ice Oasis
- dtstart/dtend are implemented on td element Tom Armitage June 23, 2006
- whilst Tails parses dtstart/dtend on any element, technically it really needs to be on abbr. Technorati Microformats Search only looks for the title element on
<abbr> tags, for instance.
This section is informative.
The following implementations have been developed which either generate or parse hCalendars. If you have an hCalendar implementation, feel free to add it to the top of this list. Once the list grows too big, we'll make a separate wiki page.
Implementations you can use to author, create, and publish hCalendar events.
Blogging and CMS tools
- Drupal module
- Drupal Upcoming.org syndication module emits hCalendar
- MovableType and WordPress plug-ins
- StructuredBlogging is a set of plugins for WordPress and for MovableType that supports embedding hCalendar and other microformats in templates and blog posts.
- Textpattern plug-in
- pnh_mf is a plugin for Textpattern that supports embedding hCalendar and other microformats in templates and blog posts. Written by Chris Casciano.
Browser scripts and plug-ins
Browser plugins that work with existing authoring tools:
- microformats.org hCalendar creator (see also original: Ryan King has an hCalendar creator).
- Firefox Greasemonkey user script hCalendar creator
- magic_hcalendar Greasemonkey user script by Les Orchard - allows easy form entry of an event into any textarea, e.g. into a blog post text area.
- Firefox Greasemonkey user script hCalendar to Google Calendar
- Elias Torres has created a simple script that will parse hCalendar entries and create a link to add event to Google Calendar's service. Based on George's and Arve's work.
Desktop Authoring Tools
In xfy Community, there are some hCalendar implementations.
- hCalendar via RSS parses an RSS feed, retrieves XHTML documents linked from that feed, and syndicates hCalendars into a calendar view.
- hCalendar Marker XVCD helps to mark up an event information in XHTML document with hCalendar.
- Simple RDF Calendar XVCD is a schedule tool which uses RDF Calendar format. It also converts RDF Calendar format to iCalendar and hCalendar format.
Search and Discovery
Conversion and Import
Implementations you can use to importing into a Calendar Application, typically by converting hCalendar to iCalendar/vCalendar.
These return iCalendar (.ics) and other calendar formats for easy importing into typical calendar programs or other processing.
- Technorati Events Feed service uses X2V library to parse hCalendar and return iCalendar (.ics). Note friendly URL, e.g. http://feeds.technorati.com/events/http%3A//microformats.org
- X2V parses hCalendar and produces a .ics (iCalendar) stream. Note: needs to be updated to track changes in the specification as they occur.
- Life Lint Parser parses hCalendar and produces .ics, .rdf and debugging information and attempts to be more fully compliant to the iCal standard than previous implementations. It can be used in the same manner as X2V. Can output iCal (w optional Outlook 2002 compat), and RDF.
- Spanning Salesforce produces hCalendar-enabled RSS feeds and .ics calendars from Salesforce.com.
- MySpace Events RSS Creator creates RSS feeds of MySpace events with hCalendar markup.
Firefox Greasemonkey Plugins
- George has built a Greasemonkey user script that detects hCalendar events and allows users to easily add them to their calendar application(s).
- Martin Rehfeld has updated the work of David Janes and produced a greasemonkey script that finds many microformat elements, including hCalendar events, and provides a popup menu of actions. The hCalendar to vCalendar conversion is done internally within the script. This will work with FireFox 1.5+/GreaseMonkey 0.6.4+ now.
- Extract Microformats is a script for NetNewsWire that supports extracting hCard and hCalendar data in blog posts (via technorati service). Written by Chris Casciano
- Endo, an OS X aggregator, supports discovering hCal and adding those events to iCal. Look at the last screenshot at the bottom of the page.
Implementations that detect, display and otherwise highlight hCalendar events in pages.
- In xfy Community, there are some hCalendar implementations. "hCalendar via RSS" parses an RSS feed, retrieves XHTML documents linked from that feed, and syndicates hCalendars into a calendar view.
- JSCalendar parses hCalendar and produces a displayable HTML table/CSS-based calendar.
Flocktails - port of Tails extension for Flock 0.5.12 that looks for hCards, hCalendar, xFolk and hReview and tosses them into a handy topbar
Open source libraries of hCalendar parsers and other related code for building hCalendar implementations.
- Microformat Base is an open-source PHP microformat aggregation crawler, currently recognizing hreview, hcalendar, and hcard.
- hCalendar profile for the hKit parser.
- uformats is a ruby library that can parse hCalendar 1.0, hCard 1.0, hReview 0.4 (in progress) and rel="tag"
- X2V is available as an XSLT library
- palmagent by User:DanC includes toICal.xsl and test materials; it works much like xhtml2vcal.xsl in X2V. See also: RDF Calendar workspace with icalendar test materials.
These are open source projects that could be potentially enhanced to support hCalendar.
- PHP iCalendar
- Investigation: Mozilla Calendar / Lightning / Sunbird hCalendar support discussion
- hCalendar term introduced and defined on the Web, 20040930
- FOO Camp 2004 HTML For Calendars presentation, 20040911
- FOO Camp 2004 Simple Semantic Formats presentation, 20040910
- iCal-Basic draft 04
- Contributed from http://developers.technorati.com/wiki/hCalendar
- XHTML 1.1
Specifications That Use hCalendar
- hCalendar creator (feedback) - create your own hCalendar events.
- hCalendar authoring - learn how to add hCalendar markup to your existing events.
- hcalendar-intro draft plain English introduction (for use in Evangelism)
- hCalendar FAQ - If you have any questions about hCalendar, check here, and if you don't find answers, add your questions!
- hCalendar parsing - Normatively details of how to parse hCalendar.
- hCalendar issues - Please add any issues with the specification to the issues page.
- hCalendar profile - The XMDP profile for hCalendar
This specification is a work in progress. As additional aspects are discussed, understood, and written, they will be added. These thoughts, issues, and questions are kept in separate pages.
- hCalendar Brainstorming - where we are keeping our brainstorms and other explorations relating to hCard
- hCalendar tests - a wiki page with actual embedded hCalendar events to try parsing.
- iCalendar implementations
- jwz - Hula (required reading)
- Groupware Bad by Jamie Zawinski crystalizes the reason for hCalendar (emphasis added):
Right now people can do that by publishing .ics files, but it's not trivial to do so, and it's work on the part of other people to look at them. If it's not HTML hanging off our friend's home page that can be viewed in any browser on a public terminal in a library, the bar to entry is too high and it's useless.