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 que las herramientas de análisis (por ejemplo, otros sitios web o complementos del navegador [1] como la extensión Operator de Firefox ) extraigan los detalles del evento y los muestren mediante algún otro sitio web, los indexen o busquen, o los carguen en un calendario o programa de agenda, por ejemplo. Se pueden mostrar varias instancias como líneas de tiempo.
Consideremos este ejemplo semificticio:
Se lanzó la Wikipedia en inglés el 15 de enero de 2001 con un grupo de De 2 a 4 p. m. a las La casa de Jimmy Wales (más información).
El marcado HTML podría ser:
< p > Se lanzó la Wikipedia en inglés el 15 de enero de 2001 con un grupo de De 2 a 4 p. m. 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 usando 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 < span class = "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" > 14:00 </ abbr > - < abbr class = "dtend" title = "2001-01-15T16:00:00+06:00" > 16:00 </ abbr > en < span class = "location" > la casa de Jimmy Wales </ span > ( < a class = "url" href = "http://en.wikipedia.org/wiki/HCalendar/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 han expresado inquietudes [2] de que, cuando ocurre, el uso del abbr
elemento (utilizando el denominado patrón de diseño abbr) de la manera antes mencionada 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
en su lugar:
<time class= "dt-start" datetime= "2013-06-30 12:00" > 30 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.
Entre las organizaciones destacadas y otros sitios web que utilizan hCalendar se incluyen: