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 utilizando clases HTML y atributos rel .
Permite que las herramientas de análisis (por ejemplo, otros sitios web o la extensión Operator de Firefox ) extraigan los detalles y los muestren, utilizando otros sitios web o herramientas de mapeo , indexándolos o buscándolos, o cargándolos en un programa de libreta de direcciones.
En mayo de 2009, Google anunció que analizaría los microformatos hCard, hReview y hProduct y los usaría para completar las páginas de resultados de búsqueda. [2] En septiembre de 2010, Google anunció su intención de mostrar información hCard y hReview en sus resultados de búsqueda locales. [3] En febrero de 2011, Facebook comenzó a usar hCard para marcar lugares de eventos. [4]
Ejemplo
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 en microformato, esto 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:
<link rel= "perfil" href= "http://microformats.org/profile/hcard" >
Aquí las propiedades fn , [5] Nickname , org (organización), tel (número de teléfono) y url ( dirección web ) se han identificado utilizando nombres de clase específicos; y todo está envuelto en class="vcard"lo que indica que las otras clases forman una hCard, y no solo se nombran por coincidencia. Si la hCard es para una organización o un 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">Wembley Stadium</span>. También existen otras clases hCard opcionales.
Ahora es posible que el software, por ejemplo los complementos del navegador, extraigan la información y la transfieran 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 una ubicación dentro de una hCard.
La parte adr de hCard también se puede utilizar como un microformato independiente.
Ejemplo vivo
A continuación se muestran los datos de contacto de la Fundación Wikimedia a febrero de 2023, en forma de hCard activa:
Fundación Wikimedia, Inc.Calle Montgomery 1, Suite 1600San Francisco , CA 94104EE.UUTeléfono: +1-415-839-6885Correo electrónico: info@wikimedia.orgTeléfono : +1-415-882-0495
El marcado (envuelto para mayor claridad) utilizado es:
<div class= "vcard" > <div class= "fn org" > Fundación Wikimedia Inc. </div> <div class= "adr" > <div class= "dirección" > 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= "nombre del país" > EE. UU. </div> </div> <div> Teléfono: <span class= "tel" > +1-415-839-6885 </span></div> <div> Correo electrónico: <span class = "email" > info@wikimedia.org </span></div> <div class= "tel" > <span class= "tipo" > 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 esta es la hCard de una organización, no de una persona.
Otros atributos
Otros atributos hCard comúnmente utilizados incluyen
bday– la fecha de nacimiento de una personaemailhonorific-prefixhonorific-suffixlabel– para direcciones no granulareslogonicknamenote– texto librephotopost-office-box
Véase también
Referencias
- ^ Sikos, Leslie (2011). Estándares web: Dominio de HTML5, CSS3 y XML. Apress. ISBN 978-1430240419. Recuperado el 10 de mayo de 2013 .
- ^ Goel, Kavi; Guha, Ramanathan V.; Hansson, Othar (12 de mayo de 2009). "Introducción a los fragmentos enriquecidos". Blog de Google Webmaster Central . Consultado el 25 de mayo de 2009 .
- ^ Blumenthal, Mike (22 de septiembre de 2010). "Google anuncia compatibilidad total con microformatos en Local". Entender Google Maps . Consultado el 30 de septiembre de 2010 .
- ^ Protalinski, Emil (18 de febrero de 2011). «Facebook añade los microformatos hCalendar y hCard a Eventos». ZDNet. Archivado desde el original el 19 de febrero de 2011. Consultado el 24 de marzo de 2011 .
- ^ No hay un nombre descriptivo definido en la especificación http://microformats.org/wiki/hcard#Property_List, pero se podría pensar en él como "nombre completo", "nombre formal", "nombre formateado" o "apellido".
Lectura adicional
- Allsopp, John (2007). Microformatos: potenciando su marcado para la Web 2.0 . Berkeley: Friendsof. pág. 125. ISBN 978-1-59059-814-6.