Skip to content
Related Articles

Related Articles

HTML | <area> download Attribute
  • Last Updated : 20 May, 2019

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:




<!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 specfic clickable area:
    alt_attribute
  • After click on specfic 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

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :