Aprende a optimizar tus blogs para que sean los primeros en las busquedas

Últimamente he estado investigando los nuevos elementos que nos va a traer HTML5 que, en general, son simplemente impresionantes. Hoy os hablaré de la nueva propiedad download.

¿Que problema resuelve esta nueva propiedad?

Queréis poner algo a descargar pero es algo que normalmente abrirá el navegador (html, css, txt, pdf, etc) y/o lo tenéis guardado con algún nombre identificativo no muy bonito de cara al usuario. Pues gracias al atributo download podréis hacer, sin tocar nada en la configuración del servidor, que el navegador descargue el archivo con el nombre que le digáis.

¿Como se usa HTML5 download?

Un ejemplo, esta misma página, un enlace normal que abriría el navegador:

<a href="http://morepagerank.com/html5/cosas-utiles-del-html5-download/">
http://morepagerank.com/html5/cosas-utiles-del-html5-download/
</a>

http://morepagerank.com/html5/cosas-utiles-del-html5-download/

Y ahora descarga esta misma página como nuevonombre-html5-download.html

<a href="http://morepagerank.com/html5/cosas-utiles-del-html5-download/" 
download="nuevonombre-html5-download.html">
http://morepagerank.com/html5/cosas-utiles-del-html5-download/
</a>

http://morepagerank.com/html5/cosas-utiles-del-html5-download/

 

Un pequeño detalle bastante importante es que esto solo funciona si lo que quieres poner a descargar está en el mismo dominio que donde pones el enlace, esto supongo que será por cuestiones de seguridad.

Esta es otra de las magníficas novedades que nos trae HTML5 y que nos facilita muchisimo la vida, ya que lo que antes eran muchos cambios en el servidor (que la mayoría no sabía hacer), se puede hacer ahora en menos de una línea de html.

3 Comentarios
Antonio
octubre 25, 2013
ad

Hola…. decirte que eres un CRACK…. MILES de webs y foros me he paseado y todos en php que por alguna razon no me ivan.. y esto tan sencillo que buscaba y mucha gente mas tambien nadie lo ponia… gracias… por cierto queria decir que pone en tu mensaje que no funciona con enlaces externos… decirte que lo he probado y SI funciona.. descarga cosas externas..

Saludos.

Adrián Vázquez Sanisidro
octubre 26, 2013
ad

Me alegro que te haya servido
Si necesitas alguna otra cosa, pregunta y puedo escribir algo al respecto 😉

octubre 20, 2014
ad

Hola, Saludos.

Te agradecerìa un Còdigo en HTML o HTML5, que puedas colocar el link de una imagen y que al darle click se descargue, solo he visto algo asì en PHP, ojo no confundas lo de Colocarle link a un imagen – que eso es otra cosa.

Escribir un comentario