Ejemplo
En una imagen de mapa con las zonas se puede hacer clic, que se descargarán al hacer clic en:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126"
alt="Sun" href="info_about_the_sun.htm" download="sun">
<area
shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt"
download="venus">
</map> Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La download atributo especifica que el objetivo se descarga cuando un usuario hace clic en el hipervínculo.
Este atributo sólo se utiliza si el href se establece atributo.
El valor del atributo será el nombre del archivo descargado. No hay restricciones sobre los valores permitidos, y el navegador detectará automáticamente la extensión correcta y añadirlo al archivo ( .img, .pdf, .txt, .html , etc.).
Si se omite el valor, se utiliza el nombre de archivo original.
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
| Atributo | |||||
|---|---|---|---|---|---|
| download | 14.0 | No soportado | 20.0 | No soportado | 15.0 |
Diferencias entre HTML 4.01 y HTML5
La download atributo es nuevo para el <area> etiqueta en HTML5.
Sintaxis
<area
download="filename">
Los valores de atributo
| Valor | Descripción |
|---|---|
| filename | Opcional. Especifica el nuevo nombre de archivo para el archivo descargado |
Más ejemplos
Ejemplo
Especifique un valor para la download de atributos, que será el nuevo nombre de archivo del archivo descargado ( sun.htm en lugar de information_about_the_sun.htm etc.):
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126"
alt="Sun" href="info_about_the_sun.htm" download="sun">
<area
shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt"
download="venus">
</map> Inténtalo tú mismo "