Resultado de etiquetas “semantica”

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]

1
www.flickr.com