microformat
Microformats (μF) are a set of defined HTML classes created to serve as consistent and descriptive metadata about an element, designating it as representing a certain type of data (such as contact information, geographic coordinates, events ...
standard for displaying a semantic (X)HTML representation of
iCalendar
The Internet Calendaring and Scheduling Core Object Specification (iCalendar) is a media type which allows users to store and exchange calendaring and scheduling information such as events, to-dos, journal entries, and free/busy information, a ...
-format
calendar
A calendar is a system of organizing days. This is done by giving names to periods of time, typically days, weeks, months and years. A date is the designation of a single and specific day within such a system. A calendar is also a physi ...
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 like
Firefox
Mozilla Firefox, or simply Firefox, is a free and open-source web browser developed by the Mozilla Foundation and its subsidiary, the Mozilla Corporation. It uses the Gecko rendering engine to display web pages, which implements current and ...
'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 element
An HTML element is a type of HTML (HyperText Markup Language) document component, one of several types of HTML nodes (there are also text nodes, comment nodes and others). The first used version of HTML was written by Tim Berners-Lee in 1993 ...
s and the classesvevent, 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
ISO 8601 is an international standard covering the worldwide exchange and communication of date and time-related data. It is maintained by the Geneva-based International Organization for Standardization (ISO) and was first published in 1988, wi ...
, date-time format for the start and end times.
Accessibility concerns
Concerns have been expressed that, where it occurs, the use of the abbr element (using the so-calle abbr-design-pattern in the above manner causes accessibility problems, not least for users of screen readers and aural browsers. The newe h-event microformat therefore uses the
HTML5
HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and final major HTML version that is a World Wide Web Consortium (W3C) recommendation. The current specification is known as the HTML ...
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.
Notable organisations and other websites using hCalendar include:
*
Birmingham Town Hall
Birmingham Town Hall is a concert hall and venue for popular assemblies opened in 1834 and situated in Victoria Square, Birmingham, England. It is a Grade I listed building.
The hall underwent a major renovation between 2002 and 2007. It no ...
Facebook
Facebook is an online social media and social networking service owned by American company Meta Platforms. Founded in 2004 by Mark Zuckerberg with fellow Harvard College students and roommates Eduardo Saverin, Andrew McCollum, Dustin M ...
*
Google
Google LLC () is an American multinational technology company focusing on search engine technology, online advertising, cloud computing, computer software, quantum computing, e-commerce, artificial intelligence, and consumer electronics. ...
(in Google maps and in Search Engine Results Pages )
*The
Opera
Opera is a form of theatre in which music is a fundamental component and dramatic roles are taken by singers. Such a "work" (the literal translation of the Italian word "opera") is typically a collaboration between a composer and a librett ...
web browser website
*The
Radio Times
''Radio Times'' (currently styled as ''RadioTimes'') is a British weekly listings magazine devoted to television and radio programme schedules, with other features such as interviews, film reviews and lifestyle items. Founded in May 1923 by J ...
*The
University of Bath
(Virgil, Georgics II)
, mottoeng = Learn the culture proper to each after its kind
, established = 1886 (Merchant Venturers Technical College) 1960 (Bristol College of Science and Technology) 1966 (Bath University of Technology) 1971 (univ ...
hCalendar Examples in the wild · Microformats Wiki /ref>
*The
University of Washington
The University of Washington (UW, simply Washington, or informally U-Dub) is a public research university in Seattle, Washington.
Founded in 1861, Washington is one of the oldest universities on the West Coast; it was established in Seattle a ...
*
Upcoming.org
Upcoming (formerly Upcoming.org) is a social event calendar website that launched in 2003, founded by Andy Baio.
Features
Upcoming combines features of an event calendar and a social networking site. Primarily, the site is a searchable, brows ...
*
Wikipedia
Wikipedia is a multilingual free online encyclopedia written and maintained by a community of volunteers, known as Wikipedians, through open collaboration and using a wiki-based editing system. Wikipedia is the largest and most-read refer ...
Yahoo! Local
Yahoo! (, styled yahoo''!'' in its logo) is an American web services provider. It is headquartered in Sunnyvale, California and operated by the namesake company Yahoo! Inc. (2017–present), Yahoo Inc., which is 90% owned by investment funds ma ...