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 en otro sitio web, los indexen o busquen, o los carguen en un calendario o agenda, por ejemplo. Se pueden mostrar varias instancias como líneas de tiempo.
Ejemplo
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 de la tarde 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 de la tarde a las La casa de Jimmy Wales ( < a href = "http://en.wikipedia.org/wiki/History_of_Wikipedia" > más información </ a > ) </ p >El marcado hCalendar se puede agregar usando spanelementos HTML y las clasesvevent , summary, dtstart(fecha de inicio), dtend(fecha de finalización) locationy 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" > casa de Jimmy Wales </ span > ( < a class = "url" href = "http://en.wikipedia.org/wiki/History_of_Wikipedia" > más información </ a > ) </ p >Nótese el uso del abbrelemento para contener el formato de fecha y hora legible por máquina, ISO8601 , para las horas de inicio y finalización.
Preocupaciones de accesibilidad
Se han expresado preocupaciones [ 2 ] de que, cuando ocurre, el uso del abbrelemento (utilizando el llamado patrón de diseño abbr ) de la manera anterior causa problemas de accesibilidad, especialmente para los usuarios de lectores de pantalla y navegadores auditivos. [ 3 ] Por lo tanto, el nuevo microformato h-event utiliza el elemento HTML5time en su lugar:
<time class= "dt-start" datetime= "2013-06-30 12:00" > 30 <sup> th </sup> Junio 2013, 12:00 </time>Geo
El microformato Geo forma parte de la especificación hCalendar y se utiliza a menudo para incluir las coordenadas de la ubicación del evento dentro de un hCalendar.
Atributos
Para obtener una lista completa de atributos, consulte la hoja de referencia rápida de hCalendar .
Usuarios
Entre las organizaciones destacadas y otros sitios web que utilizan hCalendar se incluyen:
- Ayuntamiento de Birmingham y Sala Sinfónica [ 4 ]
- Facebook [ 5 ]
- Google (en Google Maps [ 6 ] y en las páginas de resultados del motor de búsqueda [ 7 ] [ 8 ] )
- El sitio web del navegador Opera [ 9 ]
- The Radio Times [ 10 ]
- La Universidad de Bath [ 10 ]
- La Universidad de Washington [ 10 ]
- Upcoming.org [ 10 ]
- Wikipedia [ 11 ]
- Yahoo!, en Yahoo! Local [ 10 ]
Referencias
- ↑ Microformats.org: Compatibilidad de navegadores con microformatos
- ↑ Proyecto de Estándares Web, hAccesibilidad: Abreviaturas en Microformatos
- ↑ Wiki de microformatos: Tecnología de asistencia
- ↑ "Microformatos – Ayuntamiento de Birmingham" . Archivado del original el 18 de enero de 2011. Consultado el 15 de agosto de 2010 .
- ↑ Protalinski, Emil (18 de febrero de 2011). "Facebook añade los microformatos hCalendar y hCard a Eventos" . ZDNet. Archivado del original el 19 de febrero de 2011. Consultado el 24 de marzo de 2011 .
- ↑ Blog oficial de la API de Google Maps: Microformatos en Google Maps
- ↑ Microformats.org: Google añade compatibilidad con los fragmentos enriquecidos hCalendar y hRecipe.
- ↑ Herramientas para webmasters de Google: Fragmentos enriquecidos - Eventos
- ↑ David Storey – Microformatos en los sitios de Opera
- 1 2 3 4 5 Ejemplos de hCalendar en la práctica · Wiki de Microformatos
- ↑ Wikipedia:Microformatos
Enlaces externos
- Microformatos