Articulo de referencia

Tarjeta h

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 ar...

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 1600
San Francisco , CA 94104
EE.UU
Teléfono: +1-415-839-6885
Correo electrónico:
Telé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 persona
  • email
  • honorific-prefix
  • honorific-suffix
  • label – para direcciones no granulares
  • logo
  • nickname
  • note – texto libre
  • photo
  • post-office-box

Véase también

Referencias

  1. ^ Sikos, Leslie (2011). Estándares web: Dominio de HTML5, CSS3 y XML. Apress. ISBN 978-1430240419. Recuperado el 10 de mayo de 2013 .
  2. ^ 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 .
  3. ^ 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 .
  4. ^ 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 .
  5. ^ 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.


Obtenido de "https://es.wikipedia.org/w/index.php?title=HCard&oldid=1239878381"