HTML <area> download Attribute
Example
An image-map with clickable areas that will be downloaded when clicked on:
<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>
Try it yourself »
More "Try it Yourself" examples below.
Definition and Usage
The download attribute specifies that the target will be downloaded when a user clicks on the hyperlink.
This attribute is only used if the href attribute is set.
The value of the attribute will be the name of the downloaded file. 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 | Not supported | 20.0 | Not supported | 15.0 |
Differences Between HTML 4.01 and HTML5
The download attribute is new for the <area> tag in HTML5.
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):
<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>
Try it yourself »
HTML <area> tag
