XFN™ (XHTML Friends Network)

Cada vez más usamos internet para relacionarnos con nuestros amigos, por lo que hace falta tener una manera sencilla de representar estas relaciones en la web.

XFN es un microformato que representa estas relaciones utilizando para ello el atributo rel de los enlaces, al que se le asignan unos valores que las representen.

Un ejemplo de ello sería los valores para las relaciones de amistad.

  • contact: Alguien con la quién sabes como llegar a él. Suele ser una relación simétrica.
  • acquaintanc: Alguien con quién has intercambiado saludos y has mantenido una o dos conversaciones cortas. También simétrico.
  • friend: Alguien de quien eres amigo. Un compatriota, un colega, que tu conoces. A menudo simétrico.

Por lo que para construir un enlace a la ficha de un amigo podríamos hacer:
<a href="http://11870.com/manueltxo" rel="friend met co-worker">manu</a>

donde met nos indica que se conoce a esa persona fisicamente, y co-worker que es compañero de trabajo.

De esta manera podemos usar los estilos para diferenciar visualmente cada tipo de relación.
a[rel~="friend"] {font-weight: bold;}
a[rel~="co-worker"] {text-decoration: underline;}
a[rel~="acquaintance"] {font-style: italic;}

Se pueden ver como funciona XFN 1.1 utilizando la herramienta visual creador de XFN 1.1 para practicar.

Pero más allá de unos simples estilos, nos permitiría tener un sitio centralizado en donde definir nuestras relaciones (como orkut o Linkedin) a partir de la cual otras puedan obtener esos datos y nos eviten tener que reintroducirlos cada vez que nos demos de alta en un nuevo servicio.

Publicado por

arctarus

Desarrollador web residente en Madrid

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s