El atributo de descarga <area> se utiliza para descargar el contenido de destino cuando el usuario hace clic en el hipervínculo. Se usa solo cuando se establece el atributo href. El nombre del archivo descargado será el valor del atributo. El navegador detecta automáticamente la extensión de archivo correcta y la agrega al archivo. Si se elimina el valor, se utiliza el nombre de archivo original.
Sintaxis:
<area download="filename">
Valores de atributo: contiene un nombre de archivo de valor único que es opcional. Especifica el nuevo nombre de archivo para el archivo descargado.
Ejemplo:
html
<!DOCTYPE html> <html> <head> <title> HTML area download Attribute </title> </head> <body style="text-align:center;"> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20190227165729/area11.png" alt="alt_attribute" width="300" height="119" class="aligncenter" usemap="#shapemap" /> <map name="shapemap"> <!-- area tag contained image. --> <area shape="poly" coords="59, 31, 28, 83, 91, 83" href= "https://media.geeksforgeeks.org/wp-content/uploads/20190227165802/area2.png" alt="Triangle" download> <area shape="circle" coords="155, 56, 26" href= "https://media.geeksforgeeks.org/wp-content/uploads/20190227165934/area3.png" alt="Circle" download> <area shape="rect" coords="224, 30, 276, 82" href= "https://media.geeksforgeeks.org/wp-content/uploads/20190227170021/area4.png" alt="Square" download="rect"> </map> </body> </html>
Producción:
- Antes de hacer clic en un área específica en la que se puede hacer clic:
- Después de hacer clic en un área específica en la que se puede hacer clic: se descargará el archivo de esta área.
Navegadores compatibles: los navegadores compatibles con el atributo de descarga <area> se enumeran a continuación:
- Google Chrome
- Borde 12 y superior
- Firefox
- Ópera
- Safari
- explorador de Internet