Tarjeta HC

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. 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. En septiembre de 2010, Google anunció su intención de incluir información de hCard y hReview en sus resultados de búsqueda locales. En febrero de 2011, Facebook comenzó a utilizar hCard para marcar lugares de eventos.

Ejemplo

Considere el HTML:

Identificado ■liJoseph Doe■/li ■liJoe■/li ■liEl Ejemplo Company■/li ■li604-555-1234■/li Identificada href="http://example.com/"■http://example.com/■/a título realizado/li■/ul

Con el marcado de microformato, eso se convierte en:

. clase="Vcard"■ . clase="fn"■Joseph Doe■/li . clase="Nickname"■Joe■/li . clase="org"■El Ejemplo Company■/li . clase="tel"■604-555-1234■/li Identificada clase="url" href="http://example.com/"■http://example.com/■/a título realizado/li■/ul

Opcionalmente se puede incluir un perfil en el encabezado de la página:

. rel="Perfil" href="http://microformats.org/profile/hcard"■

Aquí las propiedades fn, 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 utilizan en el mismo elemento, como en <span class=" fn org">Wikipedia</span> o <span class="fn org">Estadio de Wembley</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.

Geo y adr

El microformato Geo es parte de la especificación hCard, y a menudo se utiliza para incluir las coordenadas de un lugar dentro de un hCard.

El adr parte de hCard también se puede utilizar como un microformato independiente.

Ejemplo en vivo

Aquí están los datos de contacto de la Fundación Wikimedia a febrero de 2023, como una hCard en vivo:

Wikimedia Foundation, Inc.

1 Montgomery Street, Suite 1600

San Francisco, CA 94104

USA

Teléfono: +1-415-839-6885

Correo electrónico: info@wikimedia.org

Fax: +1-415-882-0495

El margen de beneficio (envuelto para mayor claridad) utilizado es:

▪div clase="Vcard"■ ▪div clase="Fn org"■Wikimedia Foundation Inc.■/div titulada ▪div clase="adr"■ ▪div clase="Ropa de calle"■1 Montgomery Street, Suite 1600■/div titulada ■div Identificaciones clase="localidad"■San Francisco■/span título, ■abbr clase="región" Título="California"■CA■/abbr Identificaciones clase="código postal"■94104> > ▪div clase="nombre de país"■USA■/div titulada ■/div titulada ■divTeléfono: Identificaciones clase="tel"■+1-415-839-6885> > ■divCorreo electrónico: Identificaciones clase="Email"■info@wikimedia.org> > ▪div clase="tel"■ Identificaciones clase="tipo"■Fax■/span título:
 Identificaciones clase="valor"■+1-415-882-0495■/span título ■/div titulada■/div titulada

En este ejemplo, el Fn y org propiedades se combinan en un elemento, indicando que esta es la hCard para una organización, no una persona.

Otros atributos

Otros atributos de hCard comúnmente utilizados incluyen

• bday - la fecha de nacimiento de una persona
• email
• honorific-prefix
• honorific-suffix
• label - para direcciones no agrícolas
• logo
• nickname
• note - texto libre
• photo
• post-office-box