hCard es un microformato para publicar los datos de contacto (que pueden no ser más que el nombre) de personas, empresas, organizaciones y lugares, en HTML , Atom , RSS o XML arbitrario . [1] El microformato hCard hace esto utilizando una representación 1:1 de las propiedades y valores de vCard (RFC 2426), identificados mediante clases HTML y atributos rel .
Permite que las herramientas de análisis (por ejemplo, otros sitios web o la extensión Operador de Firefox ) extraigan los detalles y los muestren, utilizando otros sitios web o herramientas de mapeo , indexarlos o buscarlos, o cargarlos en un programa de libreta de direcciones.
En mayo de 2009, Google anunció que analizaría los microformatos hCard, hReview y hProduct y los utilizaría para completar las páginas de resultados de búsqueda. [2] En septiembre de 2010, Google anunció su intención de incluir información de hCard y hReview en sus resultados de búsqueda locales. [3] En febrero de 2011, Facebook comenzó a utilizar hCard para marcar los lugares de eventos. [4]
Considere el HTML:
<ul> <li> Joseph Doe </li> <li> Joe </li> <li> La empresa ejemplo </li> <li> 604-555-1234 </li> <li><a href= " http://ejemplo.com/" > http://ejemplo.com/ </a></li> </ul>
Con el marcado de microformato, eso se convierte en:
<ul class= "vcard" > <li class= "fn" > Joseph Doe </li> <li class= "nickname" > Joe </li> <li class= "org" > La empresa de ejemplo </li> <li class= "tel" > 604-555-1234 </li> <li> <a class= "url" href= "http://example.com/" > http://example.com/ </ a></li> </ul>
Opcionalmente se puede incluir un perfil en el encabezado de la página:
<enlace rel= "perfil" href= "http://microformats.org/profile/hcard" >
Aquí las propiedades fn , [5] apodo, org (organización), tel (número de teléfono) y url ( dirección web ) se han identificado utilizando nombres de clases específicos; y todo está envuelto en class="vcard"
lo que indica que las otras clases forman una hcard y no se nombran simplemente por coincidencia. Si la hCard es para una organización o lugar, las clases fn y org se usan en el mismo elemento, como en <span class="fn org">Wikipedia</span>
o <span class="fn org">Wembley Stadium</span>
. También existen otras clases hCard opcionales.
Ahora es posible que el software, por ejemplo los complementos del navegador, extraiga la información y la transfiera a otras aplicaciones, como una libreta de direcciones.
El microformato Geo es parte de la especificación hCard y, a menudo, se utiliza para incluir las coordenadas de una ubicación dentro de una hCard.
La parte adr de hCard también se puede utilizar como microformato independiente.
Aquí están los datos de contacto de la Fundación Wikimedia a febrero de 2023, como una hCard en vivo:
Fundación Wikimedia, Inc.1 Calle Montgomery, Suite 1600San Francisco , CA 94104EE.UUTeléfono: +1-415-839-6885Correo electrónico: [email protected]Fax : +1-415-882-0495
El margen de beneficio (envuelto para mayor claridad) utilizado es:
<div class= "vcard" > <div class= "fn org" > Wikimedia Foundation Inc. </div> <div class= "adr" > <div class= "street-address" > 1 Montgomery Street, Suite 1600 < /div> <div> <span class= "localidad" > San Francisco </span> , <abbr class= "región" title= "California" > CA </abbr> <span class= "código postal" > 94104 </span></div> <div class= "country-name" > EE. UU. </div> </div> <div> Teléfono: <span class= "tel" > +1-415-839-6885 </ span></div> <div> Correo electrónico: <span class= "email" > [email protected] </span></div> <div class= "tel" > <span class= "type" > Fax < /span> : <span class= "valor" > +1-415-882-0495 </span> </div> </div>
En este ejemplo, las propiedades fn y org se combinan en un elemento, lo que indica que se trata de la hCard de una organización, no de una persona.
Otros atributos de hCard comúnmente utilizados incluyen
bday
- la fecha de nacimiento de una personaemail
honorific-prefix
honorific-suffix
label
- para direcciones no granulareslogo
nickname
note
- texto librephoto
post-office-box