hCalendar (abreviatura de HTML iCalendar ) es un microformato estándar de visualización de una semántica (X) HTML representación de iCalendar -format calendario información sobre un evento, en las páginas web , el uso de clases y HTML rel atributos .
Permite que las herramientas de análisis (por ejemplo, otros sitios web o complementos del navegador [1] como la extensión del operador de Firefox ) extraigan los detalles del evento y los muestren usando algún otro sitio web, indexarlos o buscarlos, o cargarlos en un programa de calendario o diario, por ejemplo. Se pueden mostrar varias instancias como líneas de tiempo.
Ejemplo
Considere este ejemplo semificticio:
Se lanzó la Wikipedia en inglés el 15 de enero de 2001 con un partido de 2-4pm en 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 partido de 2-4pm en La casa de Jimmy Wales ( < Un href = "http://en.wikipedia.org/wiki/History_of_Wikipedia" > más información una > ) p >
hCalendar margen de ganancia puede añadir 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 partido de < abbr class = "dtstart" title = "2001-01-15T14: 00: 00 + 06: 00" > 2 p.m. abbr > - < abbr class = "dtend" title = "2001-01-15T16: 00: 00 06: 00" > 16:00 abbr > a < lapso de clase = "localización" > Jimmy Wales' casa envergadura > ( < una clase = "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 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 abbr
elemento (usando el llamado abbr-design-pattern ) 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 de eventos h más nuevo usa el elemento HTML5 en sutime
lugar:
class = "dt-start" datetime = "2013-06-30 12:00" > 30 th de junio de 2013, 12:00
Geo
El microformato Geo es parte de la especificación de hCalendar y, a menudo, se usa 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 de hCalendar .
Usuarios
Las organizaciones notables y otros sitios web que utilizan hCalendar incluyen:
- Ayuntamiento de Birmingham y Symphony Hall [4]
- Facebook [5]
- Google (en los mapas de Google [6] y en las páginas de resultados del motor de búsqueda [7] [8] )
- El sitio web del navegador web 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: soporte de navegador para microformatos
- ^ Proyecto de estándares web, hAccessibility: abreviaturas en microformatos
- ^ Wiki de microformatos: Tecnología de asistencia
- ^ Microformatos - Ayuntamiento de Birmingham
- ↑ Protalinski, Emil (18 de febrero de 2011). "Facebook agrega microformatos hCalendar y hCard a eventos" . ZDNet . Consultado el 24 de marzo de 2011 .
- ^ Blog oficial de la API de Google Maps: Microformatos en Google Maps
- ^ Microformats.org: Google agrega soporte para hCalendar y hRecipe Rich Snippets
- ^ Herramientas para webmasters de Google: fragmentos enriquecidos - Eventos
- ^ David Storey - Microformatos en sitios de Opera
- ^ a b c d e hEjemplos de calendarios en la naturaleza · Microformats Wiki
- ^ Wikipedia: Microformatos
enlaces externos
- hCalendar en Microformats Wiki