Resultado de etiquetas “microformato”

Puestos a tener en nuestro blog un Acerca de o Sobre el autor, muy recomendable, podemos aprovechar los microformatos agregando sentido semántico a la web. Para esto tenemos hCard, la versión semántica de las tarjetas de presentación de toda la vida. Además de ofrecer información sobre alguien puede adornar y permitir la interacción con navegadores y herramientas que detectan este tipo de estándar.

El siguiente código es un ejemplo que la gente de Opera ha creado para una breve introducción a lo que es este estándar:


<div class="vcard">
  <span class="fn n">Jack Tripper</span>
  <div class="org">Jack's Bistro</div>
  <div class="adr">
    <div class="street-address">834 Ocean Vista Ave.</div>
    <span class="locality">Santa Monica</span>,
    <span class="region">CA</span>,
    <span class="postal-code">90405</span>
  </div>
</div>

Podemos consultar la referencia hCard en Microformats.com o usar la herramienta hCard Creator para crear fácilmente el nuestro.

Podemos validar un hCard indicando la url donde está o copiando directamente el código en hCard Validator.

[Via anieto 2k]

Me apetecía mucho poder usar geoetiquetado en el blog y así poder marcar las entradas cuando me refiero a lugares concretos. Para que este post sirva de ejemplo y prueba, está etiquetado con mi querida Huelva (37.257101; -6.949555)

La documentación es bastante escasa y confusa, entre otras cosas porque no hay un estándar definido, sino formas de hacerlo con más o menos aceptación. Me he hecho mi propio "refrito" y he intentado implementar una solución que abarque los diferentes métodos.

1
www.flickr.com