CINXE.COM

<!DOCTYPE html> <html class="client-nojs" lang="en" dir="ltr"> <head> <meta charset="UTF-8"/> <title>hCalendar 1.0 - Microformats Wiki</title> <script>document.documentElement.className="client-js";RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"3ac7c41ec58d596883fe5272","wgCSPNonce":false,"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"hcalendar","wgTitle":"hcalendar","wgCurRevisionId":69798,"wgRevisionId":69798,"wgArticleId":939,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Pages using deprecated source tags","Specifications","hCalendar"],"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"hcalendar","wgRelevantArticleId":939,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":["sysop"],"wgRestrictionMove":["sysop"]};RLSTATE={ "site.styles":"ready","user.styles":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","skins.vector.styles.legacy":"ready"};RLPAGEMODULES=["site","mediawiki.page.ready","mediawiki.toc","skins.vector.legacy.js"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.implement("user.options@1i9g4",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"});});});</script> <link rel="stylesheet" href="/wiki/load.php?lang=en&modules=ext.pygments%7Cskins.vector.styles.legacy&only=styles&skin=vector"/> <script async="" src="/wiki/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector"></script> <meta name="generator" content="MediaWiki 1.38.4"/> <meta name="format-detection" content="telephone=no"/> <link rel="shortcut icon" href="/favicon.ico"/> <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="Microformats Wiki (en)"/> <link rel="EditURI" type="application/rsd+xml" href="//microformats.org/wiki/api.php?action=rsd"/> <link rel="alternate" type="application/atom+xml" title="Microformats Wiki Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom"/> </head> <body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-hcalendar rootpage-hcalendar skin-vector action-view skin-vector-legacy"><div id="mw-page-base" class="noprint"></div> <div id="mw-head-base" class="noprint"></div> <div id="content" class="mw-body" role="main"> <a id="top"></a> <div id="siteNotice"></div> <div class="mw-indicators"> </div> <h1 id="firstHeading" class="firstHeading mw-first-heading">hCalendar 1.0</h1> <div id="bodyContent" class="vector-body"> <div id="siteSub" class="noprint">From Microformats Wiki</div> <div id="contentSub"></div> <div id="contentSub2"></div> <div id="jump-to-nav"></div> <a class="mw-jump-link" href="#mw-head">Jump to navigation</a> <a class="mw-jump-link" href="#searchInput">Jump to search</a> <div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="en" dir="ltr"><div class="mw-parser-output"><div style="text-indent:2em;font-weight:bold;padding:1em;background:yellow">See latest version: <a href="/wiki/h-event" title="h-event">h-event</a></div> <a href="/wiki/User:Tantek" title="User:Tantek">Tantek Çelik</a> (Editor, Author), <a href="/wiki/User:Brian" title="User:Brian">Brian Suda</a> (Author) <hr /> <dfn style="font-style:normal;font-weight:bold">hCalendar</dfn> is a simple, open format for publishing events on the web, using a 1:1 representation of iCalendar (<a href="/wiki/rfc-2445" title="rfc-2445">RFC2445</a>) VEVENT properties and values in HTML. hCalendar is one of several open <a href="/wiki/microformats" title="microformats">microformat</a> standards suitable for embedding data in HTML/HTML5, and Atom/RSS/XHTML or other XML. <a href="/wiki/hcalendar#Copyright" title="hcalendar">Copyright</a> and <a href="/wiki/hcalendar#Patents" title="hcalendar">patents</a> statements apply. See <a href="/wiki/hcalendar#Inspiration_and_Acknowledgments" title="hcalendar">acknowledgments</a>. <div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none" /><div class="toctitle" lang="en" dir="ltr"><h2 id="mw-toc-heading">Contents</h2><label class="toctogglelabel" for="toctogglecheckbox"></label></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#Example">1 Example</a></li> <li class="toclevel-1 tocsection-2"><a href="#Status">2 Status</a> <ul> <li class="toclevel-2 tocsection-3"><a href="#Available_languages">2.1 Available languages</a></li> <li class="toclevel-2 tocsection-4"><a href="#Errata_and_Updates">2.2 Errata and Updates</a></li> </ul> </li> <li class="toclevel-1 tocsection-5"><a href="#Introduction">3 Introduction</a></li> <li class="toclevel-1 tocsection-6"><a href="#Semantic_XHTML_Design_Principles">4 Semantic XHTML Design Principles</a></li> <li class="toclevel-1 tocsection-7"><a href="#Format">5 Format</a> <ul> <li class="toclevel-2 tocsection-8"><a href="#In_General">5.1 In General</a></li> <li class="toclevel-2 tocsection-9"><a href="#Root_Class_Name">5.2 Root Class Name</a></li> <li class="toclevel-2 tocsection-10"><a href="#Properties_and_Sub-properties">5.3 Properties and Sub-properties</a></li> <li class="toclevel-2 tocsection-11"><a href="#Property_List">5.4 Property List</a></li> <li class="toclevel-2 tocsection-12"><a href="#Profile">5.5 Profile</a></li> <li class="toclevel-2 tocsection-13"><a href="#More_Semantic_Equivalents">5.6 More Semantic Equivalents</a></li> <li class="toclevel-2 tocsection-14"><a href="#Singular_vs._Plural_Properties">5.7 Singular vs. Plural Properties</a> <ul> <li class="toclevel-3 tocsection-15"><a href="#Plural_Properties_Singularized">5.7.1 Plural Properties Singularized</a></li> </ul> </li> <li class="toclevel-2 tocsection-16"><a href="#Human_vs._Machine_readable">5.8 Human vs. Machine readable</a></li> </ul> </li> <li class="toclevel-1 tocsection-17"><a href="#Examples">6 Examples</a> <ul> <li class="toclevel-2 tocsection-18"><a href="#Meeting_Example">6.1 Meeting Example</a></li> <li class="toclevel-2"><a href="#XYZ_Project_Review">6.2 XYZ Project Review</a></li> <li class="toclevel-2 tocsection-19"><a href="#More_Examples">6.3 More Examples</a></li> </ul> </li> <li class="toclevel-1 tocsection-20"><a href="#Examples_in_the_wild">7 Examples in the wild</a></li> <li class="toclevel-1 tocsection-21"><a href="#Implementations">8 Implementations</a></li> <li class="toclevel-1 tocsection-22"><a href="#Articles">9 Articles</a></li> <li class="toclevel-1 tocsection-23"><a href="#Buttons">10 Buttons</a></li> <li class="toclevel-1 tocsection-24"><a href="#Copyright">11 Copyright</a></li> <li class="toclevel-1 tocsection-25"><a href="#Patents">12 Patents</a></li> <li class="toclevel-1 tocsection-26"><a href="#References">13 References</a> <ul> <li class="toclevel-2 tocsection-27"><a href="#Normative_References">13.1 Normative References</a></li> <li class="toclevel-2 tocsection-28"><a href="#Informative_References">13.2 Informative References</a> <ul> <li class="toclevel-3 tocsection-29"><a href="#Specifications_That_Use_hCalendar">13.2.1 Specifications That Use hCalendar</a></li> <li class="toclevel-3 tocsection-30"><a href="#Related_Work">13.2.2 Related Work</a></li> </ul> </li> </ul> </li> <li class="toclevel-1 tocsection-31"><a href="#Inspiration_and_Acknowledgments">14 Inspiration and Acknowledgments</a></li> <li class="toclevel-1 tocsection-32"><a href="#Related_Reading">15 Related Reading</a></li> <li class="toclevel-1 tocsection-33"><a href="#Related_Pages">16 Related Pages</a></li> <li class="toclevel-1 tocsection-34"><a href="#Translations">17 Translations</a></li> </ul> </div> <h2>Example</h2> Here is a simple prose event: <blockquote>The microformats.org site was launched on 2005-06-20 at the Supernova Conference in San Francisco, CA, USA.</blockquote> marked up with hCalendar <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span class="vevent"> <span class="summary">The microformats.org site was launched</span> on <span class="dtstart">2005-06-20</span> at the Supernova Conference in <span class="location">San Francisco, CA, USA</span>. </span> </pre></div> Want to get started with writing an <a class="mw-selflink selflink">hCalendar</a> event? Use the <a rel="nofollow" class="external text" href="http://microformats.org/code/hcalendar/creator">hCalendar creator</a> to write up an event and publish it, or follow the <a href="/wiki/hcalendar-authoring" title="hcalendar-authoring">hCalendar authoring tips</a> to add hCalendar markup to your page of upcoming events or events you mention in blog posts, wikis, etc. <h2>Status</h2> hCalendar 1.0 is a microformats.org specification. Public discussion on hCalendar takes place on <a href="/wiki/hcalendar-feedback" class="mw-redirect" title="hcalendar-feedback">hcalendar-feedback</a>, the #microformats <a href="/wiki/irc" title="irc">irc</a> channel on irc.freenode.net, and <a rel="nofollow" class="external text" href="http://microformats.org/discuss/mail/microformats-discuss/">microformats-discuss mailing list</a>. <h3>Available languages</h3> The English version of this specification is the only normative version. For translations of this document see the <a href="#translations">#translations</a> section. <h3>Errata and Updates</h3> Known errors and issues in this specification are corrected in <a href="/wiki/hcalendar-issues-resolved" title="hcalendar-issues-resolved">resolved</a> and <a href="/wiki/hcalendar-issues-closed" title="hcalendar-issues-closed">closed</a> issues. Please check there before reporting <a href="/wiki/hcalendar-issues" title="hcalendar-issues">issues</a>. Note in particular the <a href="/wiki/dtend-issue" title="dtend-issue">dtend-issue</a> which affects end dates. Implementations SHOULD implement the issue resolution ASAP and <a rel="nofollow" class="external text" href="http://ufxtract.com/testsuite/hcalendar/hcalendar1.htm">test it</a>. The hCalendar 1.0.1 update is currently under development and incorporates known errata corrections as well as the <a href="/wiki/value-class-pattern" title="value-class-pattern">value-class-pattern</a>. <h2>Introduction</h2> The iCalendar standard (<a rel="nofollow" class="external text" href="http://www.ietf.org/rfc/rfc2445.txt">RFC2445</a>), 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 HTML. 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. The key words "MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and "OPTIONAL" in this document are to be interpreted as described in <a href="/wiki/rfc-2119" title="rfc-2119">RFC 2119</a>. <h2>Semantic XHTML Design Principles</h2> Note: the Semantic XHTML Design Principles were written primarily within the context of developing <a href="/wiki/hcard" title="hcard">hCard</a> and <a class="mw-selflink selflink">hCalendar</a>, thus it may be easier to understand these principles in the context of the <a href="/wiki/hcard-design-methodology" title="hcard-design-methodology">hCard design methodology</a> (i.e. read that first). <a href="/wiki/User:Tantek" title="User:Tantek">Tantek</a> 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. <ol><li>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. <ol><li>For types with multiple components, use nested elements with class names equivalent to the names of the components.</li> <li>Plural components are made singular, and thus multiple nested elements are used to represent multiple text values that are comma-delimited.</li></ol></li> <li>Use the most accurately precise <a href="/wiki/semantic-xhtml" class="mw-redirect" title="semantic-xhtml">semantic XHTML</a> building block for each object etc.</li> <li>Otherwise use a generic structural element (e.g. <code></code> or <code><div></code>), or the appropriate contextual element (e.g. an <code><li></code> inside a <code><ul></code> or <code><ol></code>).</li> <li>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.</li> <li>Finally, if the format of the data according to the original schema is too long and/or not human-friendly, use <code><abbr></code> 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 <code><abbr></code>: <a rel="nofollow" class="external text" href="http://tantek.com/log/2005/01.html#d26t0100">Human vs. ISO8601 dates problem solved</a></li></ol> For practical implementations, it should be noted that Internet Explorer's support for styling <code><abbr></code> elements is poor, and may require wrapper elements. <h2>Format</h2> <h3>In General</h3> The iCalendar standard (<a rel="nofollow" class="external text" href="http://www.ietf.org/rfc/rfc2445.txt">RFC2445</a>) forms the basis of hCalendar. Note: the editor and authors of this specification are tracking the <a rel="nofollow" class="external text" href="http://lists.osafoundation.org/pipermail/ietf-calsify/">"iCal-Basic" effort</a> 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 elements. <h3>Root Class Name</h3> The root class name for hCalendar is "vcalendar". An element with a class name of "vcalendar" is itself called an hCalendar. The root class name for events is "vevent". An element with a class name of "vevent" is itself called an hCalendar event. For authoring convenience, both "vevent" and "vcalendar" are treated as root class names for parsing purposes. If a document contains elements with class name "vevent" but not "vcalendar", the entire document has an implied "vcalendar" context. vevent should be considered required for each event listing. <h3>Properties and Sub-properties</h3> The properties of an hCalendar are represented by elements inside the hCalendar. Elements with class names of the listed properties represent the values of those properties. Some properties have sub-properties, and those are represented by elements inside the elements for properties. <h3>Property List</h3> hCalendar properties (sub-properties in parentheses like this) Required: <ul><li>dtstart (<a href="/wiki/iso-8601" title="iso-8601">ISO date</a>)</li> <li>summary</li></ul> Optional: <ul><li>location</li> <li>url</li> <li>dtend (ISO date), duration (ISO date duration)</li> <li>rdate, rrule</li> <li>category, description</li> <li>uid</li> <li>geo (latitude, longitude)</li> <li>attendee (partstat, role), contact, organizer</li> <li>attach</li> <li>status</li> <li>... editor's note: this list is incomplete (an incomplete list is better than no list) and is being currently edited from RFC2445 to here. The above list of properties are those that are often used in hCalendar on the web.</li></ul> <h3>Profile</h3> The hCalendar XMDP profile is at <a rel="nofollow" class="external free" href="http://microformats.org/profile/hcalendar">http://microformats.org/profile/hcalendar</a> Content that uses hCalendar SHOULD reference this profile, e.g. <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><head profile="http://microformats.org/profile/hcalendar"> </pre></div> or <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><link rel="profile" href="http://microformats.org/profile/hcalendar"> </pre></div> or <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre>This content uses <a rel="profile" href="http://microformats.org/profile/hcalendar">hCalendar</a>. </pre></div> Content may combine the above methods as well. <h3>More Semantic Equivalents</h3> For some properties there is a more semantic equivalent, and therefore they get special treatment, e.g.: <ul><li><code>URL</code> in iCalendar becomes <code><a class="url" href="...">...</a></code> inside the element with <code>class="vevent"</code> in hCalendar.</li> <li><code>ATTENDEE</code>, <code>CONTACT</code>, and <code>ORGANIZER</code> in iCalendar MAY be represented by an <a href="/wiki/hcard" title="hcard">hCard</a> in hCalendar .</li> <li>A named <code>LOCATION</code> (potentially with an address and/or geo) in iCalendar MAY be represented by a nested <a href="/wiki/hcard" title="hcard">hCard</a> in hCalendar. Similarly, an address <code>LOCATION</code> MAY be represented by an <a href="/wiki/adr" title="adr">adr</a>, and a geo (latitude and longitude) <code>LOCATION</code> may be represented by a <a href="/wiki/geo" title="geo">geo</a>.</li> <li><code>UID</code> in iCalendar simply becomes another semantic applied to a specific URL for an hCalendar event.</li> <li><code>ATTACH</code> in iCalendar becomes an img or object element (where the value is stored ito / retrieved from the 'src' or 'data' attributes respectively). An <code><a class="attach" href="...">...</a></code> may also be used, in which case the 'href' attribute is used for the property value.</li></ul> <h3>Singular vs. Plural Properties</h3> 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. <h4>Plural Properties Singularized</h4> 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. <h3>Human vs. Machine readable</h3> If an <code><abbr></code> element is used for a property, then the '<code>title</code>' attribute of the <code><abbr></code> 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 <code><abbr></code> elements be used for the following iCalendar properties: <ul><li>DTSTART, DTEND, DURATION, RDATE, RRULE</li></ul> <h2>Examples</h2> Here is a sample multiple-day event in an iCalendar: <div class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr"><pre>BEGIN:VCALENDAR PRODID:-//XYZproduct//EN VERSION:2.0 BEGIN:VEVENT URL:http://conferences.oreillynet.com/pub/w/40/program.html DTSTART:20051005 DTEND:20051008 SUMMARY:Web 2.0 Conference LOCATION:Argent Hotel\, San Francisco\, CA END:VEVENT END:VCALENDAR </pre></div> and an equivalent event in hCalendar format with various elements optimized appropriately. See <a href="/wiki/hcalendar-example1-steps" title="hcalendar-example1-steps">hcalendar-example1-steps</a> for the derivation. <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><div class="vevent"> <a class="url" href="http://conferences.oreillynet.com/pub/w/40/program.html"> http://conferences.oreillynet.com/pub/w/40/program.html </a> <span class="summary">Web 2.0 Conference</span>: <abbr class="dtstart" title="2005-10-05">October 5</abbr>- <abbr class="dtend" title="2005-10-07">7</abbr>, at the <span class="location">Argent Hotel, San Francisco, CA</span> </div> </pre></div> which could be displayed as: <div class="vevent"> <a rel="nofollow" class="external free" href="http://conferences.oreillynet.com/pub/w/40/program.html">http://conferences.oreillynet.com/pub/w/40/program.html</a>  Web 2.0 Conference: <abbr class="dtstart" title="2005-10-05">October 5</abbr>- <abbr class="dtend" title="2005-10-07">7</abbr>, at the Argent Hotel, San Francisco, CA </div> Note 1: that this is a live hCalendar microformat, which will be found on this page by parsers. Note 2: This example used to have "2005-10-08" as the value of the dtend, but per the resolution to the <a href="/wiki/dtend-issue" title="dtend-issue">dtend-issue</a>, has been changed to "2005-10-07" in order to encourage publishers/implementers to update their markup/code immediately and <a rel="nofollow" class="external text" href="http://ufxtract.com/testsuite/hcalendar/hcalendar1.htm">test it</a>. Note 3: Note that the iCalendar in the first part of the example has the code <code>DTEND:20051008</code>. That "8" is not a typo. iCalendar uses exclusive whole end dates (DTEND values) and thus requires that the DTEND value be set to a whole day after what content publishers visibly display as the ending date of an event. iCalendar's exclusive end dates convention has shown to be <a href="/wiki/dtend-issue" title="dtend-issue">problematic and confusing</a> for content authors and publishers. Thus per the resolution to the <a href="/wiki/dtend-issue" title="dtend-issue">dtend-issue</a>, in hCalendar, the end date is stated exactly as existing events publish visible end dates to humans, with an inclusive end date (dtend property value), in this example, 2005-10-07. <h3>Meeting Example</h3> 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. <div class="mw-highlight mw-highlight-lang-text mw-content-ltr" dir="ltr"><pre>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 </pre></div> The equivalent in hCalendar: <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><div class="vevent"> <h3 class="summary">XYZ Project Review</h3> <p class="description">Project XYZ Review Meeting</p> <p>To be held on <span class="dtstart"> <abbr class="value" title="1998-03-12">the 12th of March</abbr> from <span class="value">8:30am</span> <abbr class="value" title="-0500">EST</abbr> </span> until <span class="dtend"> <span class="value">9:30am</span> <abbr class="value" title="-0500">EST</abbr> </span> </p> <p>Location: <span class="location">1CP Conference Room 4350</span></p> <small>Booked by: <span class="uid">guid-1.host1.com</span> on <span class="dtstamp"> <abbr class="value" title="1998-03-09">the 9th</abbr> at <span class="value">6:00pm</span> </span> </small> </div> </pre></div> This could be displayed as: <hr /> <div class="vevent"> <h3 class="summary">XYZ Project Review</h3> Project XYZ Review Meeting To be held on <time class="dtstart" datetime="1998-03-12 08:30:00-05:00">the 12th of March from 8:30am EST</time> until <time class="dtend" datetime="1998-03-12 09:30:00-05:00">9:30am EST</time> Location: 1CP Conference Room 4350 Booked by: guid-1.host1.com on <time class="dtstamp" datetime="1998-03-09 18:00">the 9th at 6:00pm</time></div> <hr /> 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 <code></code> 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: <a href="/wiki/iso-8601" title="iso-8601">ISO8601</a> datetimes (required by iCalendar) are not very human friendly. In addition, the year is often understood implicitly by humans from the context. Thus the <a href="/wiki/value-class-pattern" title="value-class-pattern">value-class-pattern</a> and <code><abbr></code> elements are used to simultaneously provide human friendly dates and/or times in the visible contents of the element, while placing the respective machine parsable comprehensive ISO8601 dates and times in the 'title' attribute when necessary. Per the <a href="/wiki/value-class-pattern" title="value-class-pattern">value-class-pattern</a>, separate dates and times SHOULD be used by authors rather than a full ISO8601 datetime, for better readability and listenability. Note 5: Per the <a href="/wiki/dtend-issue" title="dtend-issue">dtend-issue</a> resolution, DTEND dates are provided as humans expecte them to be (consistent with what day an event ends on), rather than iCalendar's confusing definition (the day after). Thus hCalendar processors which produce iCalendar must make the transformation, which is to treat a whole hCalendar <code>dtend</code> end date as *inclusive*, and convert it to an *<a rel="nofollow" class="external text" href="http://lists.osafoundation.org/pipermail/ietf-calsify/2005-September/000769.html">exclusive DTEND</a>* end date when producing iCalendar. Note 6: The location in this example contains implicit structure (venue name, city, state) which could be marked up explicitly as an <a href="/wiki/hcard" title="hcard">hCard</a>. See <a rel="nofollow" class="external text" href="http://microformats.org/wiki/hcalendar-brainstorming#hCard_locations">hCalendar brainstorming: hCard locations</a> for a informative explanation of how to do this. <h3>More Examples</h3> See <a href="/wiki/hcalendar-examples" title="hcalendar-examples">hCalendar examples</a> for more examples, including examples from iCalendar RFC 2445 converted into hCalendar. <h2>Examples in the wild</h2> This section is informative. The number of hCalendar examples in the wild has expanded far beyond the capacity of being kept inline in this specification. They have been moved to a <a href="/wiki/hcalendar-examples-in-wild" title="hcalendar-examples-in-wild">separate page</a>. See <a href="/wiki/hcalendar-examples-in-wild" title="hcalendar-examples-in-wild">hCalendar Examples in the wild</a>. <h2>Implementations</h2> This section is informative. The number of hCalendar implementations has also expanded beyond the capacity of keeping them inline. They have been moved to a <a href="/wiki/hcalendar-implementations" title="hcalendar-implementations">separate page</a>. See <a href="/wiki/hcalendar-implementations" title="hcalendar-implementations">hCalendar Implementations</a>. <h2>Articles</h2> This section is informative. See: <a href="/wiki/hcalendar-articles" title="hcalendar-articles">hcalendar-articles</a>. <h2>Buttons</h2> This section is informative. Don't forget that you can add one of our <a href="/wiki/buttons#hCalendar" title="buttons">buttons</a> to the page, to indicate the presence of hCalendar microformats. For example: <img src="http://www.boogdesign.com/images/buttons/microformat_hcalendar.png" alt="microformat_hcalendar.png" />. If you can link it back to this page (or even page on your website, about your use of the microformat), so much the better! <h2>Copyright</h2> Per the public domain release on the authors' user pages (<a href="/wiki/User:Tantek" title="User:Tantek">Tantek Çelik</a>, <a href="/wiki/User:Brian" title="User:Brian">Brian Suda</a>) this specification is released into the public domain. Public Domain Contribution Requirement. Since the author(s) released this work into the public domain, in order to maintain this work's public domain status, all contributors to this page agree to release their contributions to this page to the public domain as well. Contributors may indicate their agreement by adding the <a rel="nofollow" class="external text" href="http://microformats.org/wiki/Template:public-domain-release">public domain release template</a> to their user page per the <a rel="nofollow" class="external text" href="http://microformats.org/wiki/Category:public_domain_license">Voluntary Public Domain Declarations instructions</a>. Unreleased contributions may be reverted/removed. <h2>Patents</h2> This specification is subject to a royalty free patent policy, e.g. per the <a rel="nofollow" class="external text" href="http://www.w3.org/Consortium/Patent-Policy-20040205/">W3C Patent Policy</a>, and IETF <a rel="nofollow" class="external text" href="http://www.ietf.org/rfc/rfc3667.txt">RFC3667</a> & <a rel="nofollow" class="external text" href="http://www.ietf.org/rfc/rfc3668.txt">RFC3668</a>. <h2>References</h2> <h3>Normative References</h3> <ul><li><a rel="nofollow" class="external text" href="http://www.w3.org/TR/2002/REC-xhtml1-20020801/">XHTML 1.0 SE</a></li> <li><a href="/wiki/hcard" title="hcard">hCard</a></li> <li><a rel="nofollow" class="external text" href="http://www.ietf.org/rfc/rfc2445.txt">iCalendar RFC2445</a></li> <li><a href="/wiki/rfc-2119" title="rfc-2119"> RFC 2119</a></li> <li><a href="/wiki/iso-8601" title="iso-8601">ISO8601</a></li></ul> <h3>Informative References</h3> This section is informative. <ul><li><a rel="nofollow" class="external text" href="http://w3.org/TR/REC-CSS1">CSS1</a></li> <li><a rel="nofollow" class="external text" href="http://tantek.com/log/2004/09.html#hcalendar">hCalendar term introduced and defined on the Web, 20040930</a></li> <li><a rel="nofollow" class="external text" href="http://wiki.oreillynet.com/foocamp04/index.cgi?HTMLForCalendars">FOO Camp 2004 HTML For Calendars presentation, 20040911</a></li> <li><a rel="nofollow" class="external text" href="http://wiki.oreillynet.com/foocamp04/index.cgi?SimpleSemanticFormats">FOO Camp 2004 Simple Semantic Formats presentation, 20040910</a></li> <li><a rel="nofollow" class="external text" href="http://ietfreport.isoc.org/idref/draft-royer-ical-basic/">iCal-Basic (latest)</a> <a rel="nofollow" class="external text" href="http://www.faqs.org/ftp/pub/pub/internet-drafts/draft-royer-ical-basic-04.txt">(draft 04)</a></li> <li><a rel="nofollow" class="external text" href="http://www.w3.org/TR/NOTE-datetime">W3C Note on Date and Time Formats</a></li> <li><a rel="nofollow" class="external text" href="http://www.imc.org/pdi/">Internet Mail Consortium Personal Data Interchange vCard and vCalendar</a></li> <li>Contributed from <a rel="nofollow" class="external free" href="http://developers.technorati.com/wiki/hCalendar">http://developers.technorati.com/wiki/hCalendar</a></li></ul> <h4>Specifications That Use hCalendar</h4> <ul><li><a href="/wiki/hreview" title="hreview">hReview</a></li></ul> <h4>Related Work</h4> <ul><li><a rel="nofollow" class="external text" href="http://lists.osafoundation.org/pipermail/ietf-calsify/">IETF-calsify archives</a></li> <li><a rel="nofollow" class="external text" href="http://www.softwarestudio.org/iCal/2445Issues.html">RFC2445 Issues List</a></li> <li><a rel="nofollow" class="external text" href="http://ietf.webdav.org/calsify/">CALSIFY WG Links And Resources</a></li></ul> <h2>Inspiration and Acknowledgments</h2> Thanks to: <ul><li>Adam Bosworth for leading the <a rel="nofollow" class="external text" href="http://wiki.oreillynet.com/foocamp04/index.cgi?HTMLForCalendars">FOO Camp 2004 HTML For Calendars presentation</a> which brought together a critical mass of interested parties.</li></ul> <h2>Related Reading</h2> This section is informative. Some further reading on the broader topic of calendars and calendaring formats. <ul><li><a rel="nofollow" class="external text" href="http://www.livejournal.com/users/jwz/444651.html">jwz - Hula</a> (required reading)</li> <li><a rel="nofollow" class="external text" href="http://www.jwz.org/doc/groupware.html">Groupware Bad by Jamie Zawinski</a> crystalizes the reason for hCalendar (emphasis added):</li></ul> <blockquote>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.</blockquote> <h2>Related Pages</h2> <ul><li><a class="mw-selflink selflink">hCalendar</a> - specification</li> <li><a href="/wiki/hcalendar-intro" title="hcalendar-intro">hCalendar intro</a> - plain English introduction</li> <li><a href="/wiki/hcalendar-authoring" title="hcalendar-authoring">hCalendar authoring</a> - learn how to add hCalendar markup to your existing events.</li> <li><a rel="nofollow" class="external text" href="http://microformats.org/code/hcalendar/creator">hCalendar creator</a> (<a href="/wiki/hcalendar-creator-feedback" class="mw-redirect" title="hcalendar-creator-feedback">hCalendar creator feedback</a>) - create your own hCalendar events.</li> <li><a href="/wiki/hcalendar-cheatsheet" title="hcalendar-cheatsheet">hCalendar cheatsheet</a> - hCalendar properties</li> <li><a href="/wiki/hcalendar-examples-in-wild" title="hcalendar-examples-in-wild">hCalendar examples in the wild</a> - an on-going list of websites which use hCalendars.</li> <li><a href="/wiki/hcalendar-implementations" title="hcalendar-implementations">hCalendar implementations</a> - websites or tools which either generate or parse hCalendars</li> <li><a href="/wiki/hcalendar-faq" title="hcalendar-faq">hCalendar FAQ</a> - If you have any questions about hCalendar, check here.</li> <li><a href="/wiki/hcalendar-parsing" title="hcalendar-parsing">hCalendar parsing</a> - normative details of how to parse hCalendar.</li> <li><a href="/wiki/hcalendar-profile" title="hcalendar-profile">hCalendar profile</a> - the XMDP profile for hCalendar</li> <li><a href="/wiki/hcalendar-singular-properties" title="hcalendar-singular-properties">hCalendar singular properties</a> - an explanation of the list of singular properties in hCalendar.</li> <li><a href="/wiki/hcalendar-tests" title="hcalendar-tests">hCalendar tests</a> - a wiki page with actual embedded hCalendar events to try parsing.</li> <li><a href="/wiki/to-do#hCalendar" title="to-do">hCalendar "to do"</a> - jobs to do</li> <li><a href="/wiki/advocacy#hCalendar" title="advocacy">hCalendar advocacy</a> - encourage others to use hCalendar.</li> <li><a href="/wiki/icalendar-implementations" title="icalendar-implementations">iCalendar implementations</a></li></ul> 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. <ul><li><a href="/wiki/hcalendar-brainstorming" title="hcalendar-brainstorming">hCalendar Brainstorming</a> - brainstorms and other explorations relating to hCalendar</li> <li><a href="/wiki/hcalendar-issues" title="hcalendar-issues">hCalendar issues</a> - issues with the specification</li> <li><a rel="nofollow" class="external text" href="http://en.wikipedia.org/wiki/HCalendar">Wikipedia article on hCalendar</a></li></ul> <h2>Translations</h2> Read the hCalendar specification in additional languages: <ul><li><a href="/wiki/hcalendar-fr" title="hcalendar-fr">français</a> (French)</li> <li><a href="/wiki/hcalendar-ja" title="hcalendar-ja">日本語</a> (Japanese)</li> <li><a href="/wiki/hcalendar-pl" title="hcalendar-pl">Polski</a> (Polish)</li> <li><a href="/wiki/hcalendar-ru" title="hcalendar-ru">Русский</a> (Russian)</li></ul>    </div> <div class="printfooter">Retrieved from "<a dir="ltr" href="http://microformats.org/wiki/index.php?title=hcalendar&oldid=69798">http://microformats.org/wiki/index.php?title=hcalendar&oldid=69798</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Special:Categories" title="Special:Categories">Categories</a>: <ul><li><a href="/wiki/index.php?title=Category:Pages_using_deprecated_source_tags&action=edit&redlink=1" class="new" title="Category:Pages using deprecated source tags (page does not exist)">Pages using deprecated source tags</a></li><li><a href="/wiki/Category:Specifications" title="Category:Specifications">Specifications</a></li><li><a href="/wiki/index.php?title=Category:hCalendar&action=edit&redlink=1" class="new" title="Category:hCalendar (page does not exist)">hCalendar</a></li></ul></div></div> </div> </div> <div id="mw-navigation"> <h2>Navigation menu</h2> <div id="mw-head"> <nav id="p-personal" class="mw-portlet mw-portlet-personal vector-user-menu-legacy vector-menu" aria-labelledby="p-personal-label" role="navigation" > <label id="p-personal-label" aria-label="" class="vector-menu-heading"> Personal tools </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="pt-login" class="mw-list-item"><a href="/wiki/index.php?title=Special:UserLogin&returnto=hcalendar" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li></ul> </div> </nav> <div id="left-navigation"> <nav id="p-namespaces" class="mw-portlet mw-portlet-namespaces vector-menu vector-menu-tabs" aria-labelledby="p-namespaces-label" role="navigation" > <label id="p-namespaces-label" aria-label="" class="vector-menu-heading"> Namespaces </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="ca-nstab-main" class="selected mw-list-item"><a href="/wiki/hcalendar" title="View the content page [c]" accesskey="c">Page</a></li><li id="ca-talk" class="new mw-list-item"><a href="/wiki/index.php?title=Talk:hcalendar&action=edit&redlink=1" rel="discussion" title="Discussion about the content page (page does not exist) [t]" accesskey="t">Discussion</a></li></ul> </div> </nav> <nav id="p-variants" class="mw-portlet mw-portlet-variants emptyPortlet vector-menu-dropdown-noicon vector-menu vector-menu-dropdown" aria-labelledby="p-variants-label" role="navigation" > <input type="checkbox" id="p-variants-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-variants" class="vector-menu-checkbox" aria-labelledby="p-variants-label" /> <label id="p-variants-label" aria-label="Change language variant" class="vector-menu-heading"> English expanded collapsed </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"></ul> </div> </nav> </div> <div id="right-navigation"> <nav id="p-views" class="mw-portlet mw-portlet-views vector-menu vector-menu-tabs" aria-labelledby="p-views-label" role="navigation" > <label id="p-views-label" aria-label="" class="vector-menu-heading"> Views </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="ca-view" class="selected mw-list-item"><a href="/wiki/hcalendar">Read</a></li><li id="ca-viewsource" class="mw-list-item"><a href="/wiki/index.php?title=hcalendar&action=edit" title="This page is protected.
You can view its source [e]" accesskey="e">View source</a></li><li id="ca-history" class="mw-list-item"><a href="/wiki/index.php?title=hcalendar&action=history" title="Past revisions of this page [h]" accesskey="h">View history</a></li></ul> </div> </nav> <nav id="p-cactions" class="mw-portlet mw-portlet-cactions emptyPortlet vector-menu-dropdown-noicon vector-menu vector-menu-dropdown" aria-labelledby="p-cactions-label" role="navigation" title="More options" > <input type="checkbox" id="p-cactions-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-cactions" class="vector-menu-checkbox" aria-labelledby="p-cactions-label" /> <label id="p-cactions-label" aria-label="" class="vector-menu-heading"> More expanded collapsed </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"></ul> </div> </nav> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <div> <h3 > <label for="searchInput">Search</label> </h3> <form action="/wiki/index.php" id="searchform" class="vector-search-box-form"> <div id="simpleSearch" class="vector-search-box-inner" data-search-loc="header-navigation"> <input class="vector-search-box-input" type="search" name="search" placeholder="Search Microformats Wiki" aria-label="Search Microformats Wiki" autocapitalize="none" title="Search Microformats Wiki [f]" accesskey="f" id="searchInput" /> <input type="hidden" name="title" value="Special:Search"/> <input id="mw-searchButton" class="searchButton mw-fallbackSearchButton" type="submit" name="fulltext" title="Search the pages for this text" value="Search" /> <input id="searchButton" class="searchButton" type="submit" name="go" title="Go to a page with this exact name if it exists" value="Go" /> </div> </form> </div> </div> </div> </div> <div id="mw-panel"> <div id="p-logo" role="banner"> <a class="mw-wiki-logo" href="/wiki/Main_Page" title="Visit the main page"></a> </div> <nav id="p-Microformats_Wiki" class="mw-portlet mw-portlet-Microformats_Wiki vector-menu vector-menu-portal portal" aria-labelledby="p-Microformats_Wiki-label" role="navigation" > <label id="p-Microformats_Wiki-label" aria-label="" class="vector-menu-heading"> Microformats Wiki </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="n-Front-Page" class="mw-list-item"><a href="/wiki/Main_Page">Front Page</a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" icon="recentChanges" title="A list of recent changes in the wiki [r]" accesskey="r">Recent changes</a></li></ul> </div> </nav> <nav id="p-Microformats" class="mw-portlet mw-portlet-Microformats vector-menu vector-menu-portal portal" aria-labelledby="p-Microformats-label" role="navigation" > <label id="p-Microformats-label" aria-label="" class="vector-menu-heading"> Microformats </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="n-Blog" class="mw-list-item"><a href="http://microformats.org" rel="nofollow">Blog</a></li><li id="n-Events" class="mw-list-item"><a href="/wiki/Microformats_Wiki:Current_events">Events</a></li><li id="n-About" class="mw-list-item"><a href="/wiki/About">About</a></li></ul> </div> </nav> <nav id="p-tb" class="mw-portlet mw-portlet-tb vector-menu vector-menu-portal portal" aria-labelledby="p-tb-label" role="navigation" > <label id="p-tb-label" aria-label="" class="vector-menu-heading"> Tools </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/hcalendar" title="A list of all wiki pages that link here [j]" accesskey="j">What links here</a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/hcalendar" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q">Special pages</a></li><li id="t-print" class="mw-list-item"><a href="javascript:print();" rel="alternate" title="Printable version of this page [p]" accesskey="p">Printable version</a></li><li id="t-permalink" class="mw-list-item"><a href="/wiki/index.php?title=hcalendar&oldid=69798" title="Permanent link to this revision of the page">Permanent link</a></li><li id="t-info" class="mw-list-item"><a href="/wiki/index.php?title=hcalendar&action=info" title="More information about this page">Page information</a></li></ul> </div> </nav> </div> </div> <footer id="footer" class="mw-footer" role="contentinfo" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 18 July 2020, at 16:24.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="/wiki/Microformats_Wiki:Privacy_policy" title="Microformats Wiki:Privacy policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Microformats_Wiki:About" title="Microformats Wiki:About">About Microformats Wiki</a></li> <li id="footer-places-disclaimer"><a href="/wiki/Microformats_Wiki:General_disclaimer" title="Microformats Wiki:General disclaimer">Disclaimers</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/"><img src="/wiki/resources/assets/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/wiki/resources/assets/poweredby_mediawiki_132x47.png 1.5x, /wiki/resources/assets/poweredby_mediawiki_176x62.png 2x" width="88" height="31" loading="lazy"/></a></li> </ul> </footer> <script src="https://www.googletagmanager.com/gtag/js?id=UA-1889385-1" async=""></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-1889385-1'); </script> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgPageParseReport":{"limitreport":{"cputime":"0.066","walltime":"1.739","ppvisitednodes":{"value":338,"limit":1000000},"postexpandincludesize":{"value":9231,"limit":2097152},"templateargumentsize":{"value":7,"limit":2097152},"expansiondepth":{"value":3,"limit":100},"expensivefunctioncount":{"value":0,"limit":100},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":10892,"limit":5000000},"timingprofile":["100.00% 1694.541 1 -total"," 0.72% 12.141 1 Template:rfc-2119-intro"," 0.11% 1.791 6 Template:should"," 0.11% 1.783 1 Template:MicroFormatPublicDomainContributionStatement"," 0.07% 1.265 1 Template:must-not"," 0.07% 1.247 1 Template:hcalendar-related-pages"," 0.07% 1.233 1 Template:shall-not"," 0.07% 1.197 1 Template:MicroFormatPatentStatement"," 0.07% 1.181 1 Template:should-not"," 0.07% 1.154 1 Template:recommended"]},"cachereport":{"timestamp":"20241123061307","ttl":86400,"transientcontent":false}}});mw.config.set({"wgBackendResponseTime":73});});</script> </body> </html>