Microformateando en la web 3.0
29 October, 2007 | Comentarios (0)
No teníamos con suficiente con la revolución 2.0 que nos ha acercado la web más al escritorio, con aplicaciones mucho más amigables y accesibles, e infinitamente más sociables, vease Facebook, flickr, Google Maps; que ya está llamando a las puertas la web 3.
¿Pero que es esto de la web 3.0?
Básicamente es la web que tenemos añadiendole una capa de semántica. Esto es, hoy día la web es una maraña de papeles, enlaces, información sin ordenar, para buscar algo en ella directamente tendrías que recurir al gran hermano, o apañartelas para buscar algo.
¿Que me soluciona?
Soluciona todos los problemas de semántica en una página web, esto es, el propósito de cada párrafo o imagen, o si un bloque es un dirección, un evento, or wherever you what.

Vale, ¿y como funciona?¿Necesito un nuevo lenguaje?
Aquí es donde entran los microformatos. Tranquilo no son nada de otro mundo. ¿Sabes HTML? Entonces sabes Microformatos.
Los microformatos son pedazos de código HTML con unas etiquetas normales a las que se les aplica un tipo de clases especiales. La gente de microformats.org trabaja colaborativamente para encontrar la forma más optima de taggear los diferentes bloques entre los que podemos encontrar hCalendar (para definir eventos), hCard (para definir nuestra tarjeta) entre otros.
¿Pero si es código HTML para que me sirve a mí?
Pues básicamente sirve a los distintos web spiders y navegadores a extraer información de forma automática para utilizar en otras aplicaciones.
Por ejemplo aquí teneis mi tarjeta definida con hCard:
Fran Diéguez
fran.dieguez [at] glug [punto] es
Caldas de Reis Pontevedra Spain
AIM
<div id="hcard-Fran-Diéguez" class="vcard">
<a class="url fn" href="http://www.mabishu.com/blog">Fran Diéguez</a>
<a class="email" href="mailto:fran.dieguez [at] glug [punto] es”>fran.dieguez [at] glug [punto] es</a>
<div class=”adr”>
<span class=”locality”>Caldas de Reis</span> <span class=”region”>Pontevedra</span> <span class=”country-name”>Spain</span>
</div>
<a class=”url” href=”aim:goim?screenname=pakodieguez”>AIM</a>
</div>
Si quereis más información sobre estos métodos de tageo de bloques HTML pasaros por aquí o descargaros esta cheatsheet
Recientemente me he comprado el móbil que veis en la imagen, el Nokia E65, y que decir para describirlo despues de testearlo y estresarlo durante unos días, pues yo diría







RSS de Entradas