Inicio > programación, web > Microformatos: hCard

Microformatos: hCard

Jueves, 2 de Septiembre de 2010


Después de haber explicado qué son los microformatos y para qué sirven, voy a entrar en detalle de uno de los más famosos: el microformato hcard.

Se utiliza para representar datos de personas, empresas, organizaciones y lugares. Está basado en el estándar vCard y es totalmente compatible con vCard utilizando eso sí XHTML.

Pongamos un ejemplo:

<div class="vcard">
	<strong class="fn n">
		<span class="given-name">Alex</span>
		<span class="additional-name">Montes</span>
	</strong>
	<div class="adr">
		<span class="street-address">Mi calles 1</span>
		<span class="locality">Mi ciudad</span>
		<span class="country-name">Mi país</span>
	</div>
	<div class="tel">601-111-222</div>
</div>


A continuación podéis ver todas las propiedades que se pueden utilizar con hCard, facilitando su lectura a los buscadores y a aplicaciones varias:

Propiedad Descripción
adr Dirección o direcciones del contacto
agent Define a un agente que representa a una persona
bday Cumpleaños del contacto
class Clase para el contacto
category Categorías asociadas al contacto
email Direcciones de correo electrónico del contacto. Contienen 2 sub-propiedades: type (tipo de email) y value (la dirección de e-mail)
fn El nombre completo del contacto. Es obligatorio!!!
geo Localización física del contacto
key Clave pública del contacto para intercambiar datos cifrados
label Texto formateado de una etiqueta
logo Dirección URL a la imagen que representa el logo (para empresas)
mailer Especificar el tipo de programa de correo electrónico utilizado por el contacto
n Nombre del contacto. Tiene varias sub-propiedades: honorific-prefix (p.ej. Sr., Sra.,…), given-name (nombre propio), additional-name (apodo), family-name (apellido), honorific-sufix.
nickname Apodos del contacto
note Notas con información adicional del contacto
org Organización asociada al contacto. Tiene 2 sub-propiedades: organization-name (nombre empresa) y organization-unit (departamento)
photo Dirección URL a una foto del contacto
rev Fecha y hora de la última revisión de los datos del contacto
role Posiciones del contacto en la empresa
sequence Número de revisión del contacto
sort-string Para establecer reglas de ordenación
sound Dirección URL a un sonido relacionado con el contacto
title Títulos del contacto
tel Números de teléfono del contacto. Tiene 2 sub-propiedades: type y tel
tz Zona horaria del contacto
uid UID única para el contacto
url URL’s asociadas al contacto

Con todos estos datos se puede definir al detalle a cualquier contacto. Aunque tampoco hay que volverse loco y con los datos más importantes será suficiente.

Por último, os dejo un enlace a un generador de código hCard y otro enlace a un validador de código hCard.

En el próximo artículo profundizaré sobre el microformato hCalendar.

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , , ,

  1. Linwood
    Viernes, 1 de Febrero de 2013 a las 02:33 | #1

    A motivating discussion is worth comment. There’s no doubt that that you need to write more about this issue, it might not be a taboo subject but usually folks don’t discuss such issues.

    To the next! Best wishes!!

  1. Viernes, 3 de Septiembre de 2010 a las 17:25 | #1
  2. Sábado, 4 de Septiembre de 2010 a las 12:22 | #2
  3. Martes, 7 de Septiembre de 2010 a las 19:52 | #3
  4. Martes, 14 de Septiembre de 2010 a las 17:40 | #4