Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | <area> download Attribute

  • Last Updated : 06 Jun, 2021

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: 
 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

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 14.0
  • Firefox 20.0
  • Opera 15.0

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!