HTML <area> download Attribute
Example
Use the download attribute to specify that the target will be downloaded when a user clicks on the hyperlink:
<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>
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The download attribute specifies that the target
(the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.
The optional value of the download attribute will be the
new name of the file after it is downloaded. There are
no restrictions on allowed values, and the browser will automatically detect the
correct file extension and add it to the file (.img, .pdf, .txt, .html, etc.).
If the value is omitted, the original filename is used.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
| Attribute | |||||
|---|---|---|---|---|---|
| download | 14.0* | 18.0 | 20.0* | 10.1 | 15.0 |
* Chrome 65+ and Firefox only support same-origin download links.
Syntax
<area download="filename">
Attribute Values
| Value | Description |
|---|---|
| filename | Optional. Specifies the new filename for the downloaded file |
More Examples
Example
Specify a value for the download attribute, which will be the new filename of the downloaded file (sun.htm instead of information_about_the_sun.htm and so on):
<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>
Try it Yourself »
❮ HTML <area> tag
