Atributo de descarga de <área> HTML

❮ Etiqueta HTML <área>

Ejemplo

Utilice el atributo de descarga para especificar que el objetivo se descargará cuando un usuario haga clic en el hipervínculo:

<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>

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

El downloadatributo especifica que el objetivo (el archivo especificado en el hrefatributo) se descargará cuando un usuario haga clic en el hipervínculo.

El valor opcional del downloadatributo será el nuevo nombre del archivo después de descargarlo. No hay restricciones sobre los valores permitidos y el navegador detectará automáticamente la extensión de archivo correcta y la agregará al archivo (.img, .pdf, .txt, .html, etc.).

Si se omite el valor, se utiliza el nombre de archivo original.


Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.

Attribute
download 14.0* 18.0 20.0* 10.1 15.0

* Chrome 65+ y Firefox solo admiten enlaces de descarga del mismo origen.



Sintaxis

<area download="filename">

Valores de atributo

Value Description
filename Optional. Specifies the new filename for the downloaded file

Más ejemplos

Ejemplo

Especifique un valor para el atributo de descarga, que será el nuevo nombre de archivo del archivo descargado (sun.htm en lugar de information_about_the_sun.htm y así sucesivamente):

<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>

❮ Etiqueta HTML <área>