Muchas veces, al hacer una página ‘responsive’ ponemos en nuestro código un teléfono. HTML5, sobretodo en los navegadores de móviles, pueden hacer que este teléfono sea clicable para hacer la llamada directamente o añadir el teléfono a los contactos.

Código HTML5 para hacer un teléfono clicable

Al igual que cuando indicamos un email escribimos:

1
<a href="mailto:miemail@email.com">miemail@miemail.com</a>

Con el teléfono podemos marcarlo como:

1
<a href="tel:977650001">977650001</a>

Atento a los puntos, comas y guiones. No los pongáis en el atributo href.

Sencillo, no? Pues es muy efectivo para webs que sean visitadas desde dispositivos móviles.

Artículos relacionados

Socialite.js – Botones sociales en su web Una pequeña librería JavaScript que permite poner los botones sociales de Facebook, Twitter, Google y LinkedIn de forma fácil en cualquier web o blog....
Transparencias con CSS Aunque no es muy recomendado, hay aún gente que utiliza transparencias. Para que una capa o elemento de nuestra web tenga transparencia, deberemos for...
GroundWork CSS – 02 – Framework HTML5 ... Segundo vídeo que muestro cómo estructurar una página web responsive para que se muestre de forma correcta en web y en dispositivos móviles. ...
Escoger una buena fuente para la web En muchos momentos del diseño web, llega la hora de escoger que tipo de fuente utilizar. Los que hayáis estudiado algún tipo de curso, ingeniería o gr...