hCalendar (abreviatura de HTML iCalendar ) es un estándar de microformato para mostrar una representación semántica (X)HTML de información de calendario en formato iCalendar sobre un evento, en páginas web , utilizando clases HTML y atributos rel .
Permite herramientas de análisis (por ejemplo, otros sitios web o complementos del navegador [1] como la extensión Operador de Firefox ) para extraer los detalles del evento y mostrarlos usando algún otro sitio web, indexarlos o buscarlos, o cargarlos. en un calendario o en un programa diario, por ejemplo. Se pueden mostrar varias instancias como líneas de tiempo.
Considere este ejemplo semificticio:
Se lanzó la Wikipedia en inglés. el 15 de enero de 2001 con un grupo de 2-4pm a las La casa de Jimmy Wales (más información).
El marcado HTML podría ser:
<pag> Se lanzó la Wikipedia en inglés. el 15 de enero de 2001 con un grupo de 2-4pm a las La casa de Jimmy Wales ( < a href = "http://en.wikipedia.org/wiki/HCalendar/History_of_Wikipedia" > más información </ a > ) </ p >
El marcado hCalendar se puede agregar utilizando span
elementos HTML y las clases vevent
, summary
( dtstart
fecha de inicio), dtend
(fecha de finalización) location
y url
:
< p class = "vevent" > Se lanzó la < abarca clase = "summary" > Wikipedia en inglés </ span > el 15 de enero de 2001 con un grupo de < abbr class = "dtstart" title = "2001-01-15T14:00:00+06:00" > 2pm </ abbr > - < abbr class = "dtend" title = "2001-01-15T16:00:00 +06:00" > 4pm </ abbr > en < abarcan clase = "ubicación" > casa de Jimmy Wales </ span > ( < a class = "url" href = "http://en.wikipedia.org/wiki /History_of_Wikipedia" > más información </ a > ) </ p >
Tenga en cuenta el uso del abbr
elemento para contener el formato de fecha y hora ISO8601 legible por máquina para las horas de inicio y finalización.
Se ha expresado preocupación [2] porque, cuando ocurre, el uso del abbr
elemento (utilizando el llamado patrón de diseño abbr) de la manera anterior causa problemas de accesibilidad, sobre todo para los usuarios de lectores de pantalla y navegadores auditivos. [3] Por lo tanto, el microformato h-event más nuevo utiliza el elemento HTML5time
:
<time class= "dt-start" datetime= "2013-06-30 12:00" > 30 <sup> </sup> de junio de 2013, 12:00 </time>
El microformato Geo es parte de la especificación hCalendar y, a menudo, se utiliza para incluir las coordenadas de la ubicación del evento dentro de un hCalendar.
Para obtener una lista completa de atributos, consulte la hoja de referencia de hCalendar.
Las organizaciones notables y otros sitios web que utilizan hCalendar incluyen: