HTML | <area> download Attribute

Last Updated : 20 Jul, 2022

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