The <area> download attribute is used to download the target content when user clicks on the hyperlink. It is used only when the href attribute is set. The name of the downloaded file will be the value of the attribute. The browser automatically detects the correct file extension and add it to the file. If the value is deleted, then the original filename is used.
Syntax:
<area download="filename">
Attribute Values: It contains single value filename which is optional. It specifies the new filename for the downloaded file.
Example:
html
<!DOCTYPE html> <html>
<head>
<title>
HTML area download Attribute
</title>
</head>
<body style="text-align:center;">
<img src=
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=
alt="Triangle" download>
<area shape="circle" coords="155, 56, 26" href=
alt="Circle" download>
<area shape="rect" coords="224, 30, 276, 82" href=
alt="Square" download="rect">
</map>
</body>
</html>
|
Output:
-
Before click on specific clickable area:
-
After click on specific clickable area: The file of this area will download.
Supported Browsers: The browser supported by <area> download attribute are listed below:
- Google Chrome
- Edge 12 and above
- Firefox
- Opera
- Safari
- Internet Explorer