Skip to content
Related Articles

Related Articles

HTML | <area> download Attribute

Improve Article
Save Article
  • Last Updated : 20 Jul, 2022
Improve Article
Save Article

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: 
     

alt_attribute

  • After click on specific clickable area: The file of this area will download. 
     

alt_attribute

Supported Browsers: The browser supported by <area> download attribute are listed below: 
 

  • Google Chrome
  • Edge 12 and above
  • Firefox
  • Opera 
  • Safari
  • Internet Explorer

 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!