VCARD ...Creando una tarjeta de visita virtual HTML5

Como  anteriormente  publique una entrada   mostrando unos ejemplos para   microdatos   no podía dejar pasar este chance de colocar un ejemplo mas  de una tarjeta de visitas (vcard ).

   En tu caso solo  modificaras los campos dependiendo del país donde este , dirección , numero de teléfono etc.

   es solo un ejemplo   espero pueda ser aprovechado por otra persona .


<footer>
<h6>
<div class="vcard">
<div >
<span class="name">Nombre </span>-
<span class="locality">Ciudad</span>-
<span class="country-name">Pais</span>
</div>

<div class="tel"><span class="tel">090000000</span>
-<span class ="email">andreinazerpa24@gmail.</span></div>
</div>
</h6>
</footer>



En  el footer pie de pagina .

 Coloque .
Nombre(<span class="name">Andreina Zerpa </span>-)
Localidad (<span class="locality">Tokio</span>-)
Nombre del pais (<span class="country-name">Japon</span>-).
Teléfono(<div class="tel"><span class="tel">090000000</span>)
Correo Electrónico(<span class ="email">andreinazerpa24@gmail.</span></div>)

De  esta manera  los buscadores  sabrán que es cada  asunto en un sitio web   .


Tal vez te interese .
Atributos de un formulario en HTML5
Manifiesto html5
Herramientas para un sitio web mas rápido.
Canvas  html5.
Nota adhesiva ,audio vídeo  html5.
Editores para html5.

CSS3. Trabajar con Múltiples imágenes de fondo  .
Border-radius,Shadow  CSS3.

framework.
Evolución del html 
Enlaces librerías herramientas y compatibilidad con IE.
Internet mas rápida.