HTML5 vino con todas las API nuevas, nuevos tipos de entrada y atributos para formularios. Como suele ser el caso, esas adiciones importantes a menudo oscurecen las actualizaciones menores y creo que esto es particularmente cierto en el atributo de descarga.
Como sabes, hay algunos archivos que el navegador no descarga automáticamente; imágenes, otras páginas web y, según la configuración de su navegador, a veces incluso archivos PDF. El atributo de descarga le da al navegador una forma nativa de descargar estos archivos automáticamente, sin tener que recurrir a JavaScript. Esto es realmente útil para cualquier aplicación que se ocupe de la descarga de imágenes, como los sitios de carga de imágenes.
Usando el atributo de descarga
Dado que el atributo de descarga no utiliza scripts de ningún tipo, es tan simple como agregar el atributo a su enlace:
Lo bueno de este atributo es que incluso puede establecer un nombre para el archivo descargable, incluso cuando no es el nombre en su servidor. Esto es excelente para sitios con nombres de archivo complejos, o incluso imágenes creadas dinámicamente, que desean proporcionar un nombre de archivo simple y fácil de usar. Para proporcionar un nombre, simplemente agregue un signo igual, seguido del nombre que desea usar entre comillas, así:
Tenga en cuenta que el navegador agregará automáticamente la extensión de archivo correcta al archivo descargado, por lo que no necesita incluir eso dentro de su valor de atributo.
Compatibilidad con navegador
Actualmente, solo Chrome 14+ y Firefox 20+ admiten el atributo de descarga, por lo que es posible que deba recurrir a JavaScript simple para detectar si el atributo es compatible. Puedes hacerlo así:
var a = documento.createElement(‘a’); if(typeof a.download != «undefined») { // el atributo de descarga es compatible } else { // el atributo de descarga no es compatible }
Conclusión
Teniendo en cuenta todo lo que se ha agregado a HTML5, el atributo de descarga es una parte muy pequeña, pero en mi opinión es un atributo que se necesitaba desde hace mucho tiempo y definitivamente tiene sus usos en las aplicaciones actuales tanto para la usabilidad como para la simplificación.
¿Ha implementado el atributo de descarga? ¿Cuáles son tus héroes anónimos de HTML5? Háganos saber en los comentarios.
Imagen/miniatura destacada, descargar imagen a través de Shutterstock.