Horje

How to add HTML <area> download Attribute

Use the download attribute to specify that the target will be downloaded when a user clicks on the hyperlink:

Definition and Usage

The download attribute specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.

The optional value of the download attribute will be the new name of the file after it is downloaded. There are no restrictions on allowed values, and the browser will automatically detect the correct file extension and add it to the file (.img, .pdf, .txt, .html, etc.).

If the value is omitted, the original filename is used.

Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

* Chrome 65+ and Firefox only support same-origin download links.

Syntax

<area download="filename">

Attribute Values

Value Description
filename Optional. Specifies the new filename for the downloaded file

 

index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<h1>The area download attribute</h1>

<p>Click on the sun or on one of the planets to download its content.</p>

<img src="https://horje.com/avatar.png" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="https://horje.com/avatar.png" download>
  <area shape="circle" coords="90,58,3" alt="Mercury" href="https://horje.com/avatar.png" download>
  <area shape="circle" coords="124,58,8" alt="Venus" href="https://horje.com/avatar.png" download>
</map>

<p><b>Note:</b> The download attribute is not supported in IE, Safari or Opera version 12 (and earlier).</p>

</body>
</html>

Output should be:

How to add HTML <area> download Attribute



Single Articles
How to create HTML <area> TagHTML Tag
Browser Support for HTML <area> TagHTML Tag
Attributes for HTML <area> TagHTML Tag
Another image map, with clickable areas for HTML <area> TagHTML Tag
How to set Default CSS Settings for HTML <area> TagHTML Tag
How to add HTML <area> alt AttributeHTML Tag
How to add HTML <area> coords AttributeHTML Tag
How to add HTML <area> coords x1,y1,x2,y2 Attribute HTML Tag
How to add HTML <area> coords x,y,radius AttributeHTML Tag
How to add HTML <area> download AttributeHTML Tag
How to Specify a value for the download attribute HTML <area> download AttributeHTML Tag
How to add HTML <area> href AttributeHTML Tag
How to add HTML <area> hreflang AttributeHTML Tag
How to add HTML <area> media AttributeHTML Tag
How to add HTML <area> media width AttributeHTML Tag
How to add HTML <area> media height AttributeHTML Tag
How to add HTML <area> media device-width AttributeHTML Tag
How to add HTML <area> media device-height AttributeHTML Tag
How to add HTML <area> media orientation AttributeHTML Tag
How to add HTML <area> media aspect-ratio AttributeHTML Tag
How to add HTML <area> media device-aspect-ratio AttributeHTML Tag
How to add HTML <area> media color AttributeHTML Tag
How to add HTML <area> media color-index AttributeHTML Tag
How to add HTML <area> media monochrome AttributeHTML Tag
How to add HTML <area> media resolution AttributeHTML Tag
How to add HTML <area> media scan AttributeHTML Tag
How to add HTML <area> media grid AttributeHTML Tag
How to add HTML <area> referrerpolicy AttributeHTML Tag
How to add HTML <area> referrerpolicy no-referrer AttributeHTML Tag
How to add HTML <area> referrerpolicy no-referrer-when-downgrade AttributeHTML Tag
How to add HTML <area> referrerpolicy origin AttributeHTML Tag
How to add HTML <area> referrerpolicy origin-when-cross-origin AttributeHTML Tag
How to add HTML <area> referrerpolicy same-origin AttributeHTML Tag
How to add HTML <area> referrerpolicy strict-origin-when-cross-origin AttributeHTML Tag
How to add HTML <area> referrerpolicy unsafe-url AttributeHTML Tag
How to add HTML <area> rel AttributeHTML Tag
How to add HTML <area> rel alternate AttributeHTML Tag
How to add HTML <area> rel author AttributeHTML Tag
How to add HTML <area> rel bookmark AttributeHTML Tag
How to add HTML <area> rel help AttributeHTML Tag
How to add HTML <area> rel license AttributeHTML Tag
How to add HTML <area> rel next AttributeHTML Tag
How to add HTML <area> rel nofollow AttributeHTML Tag
How to add HTML <area> rel noreferrer AttributeHTML Tag
How to add HTML <area> rel prefetch AttributeHTML Tag
How to add HTML <area> rel prev AttributeHTML Tag
How to add HTML <area> rel search AttributeHTML Tag
How to add HTML <area> rel tag AttributeHTML Tag
How to add HTML <area> shape AttributeHTML Tag
How to add HTML <area> shape default AttributeHTML Tag
How to add HTML <area> shape rect AttributeHTML Tag
How to add HTML <area> shape circle AttributeHTML Tag
How to add HTML <area> shape poly AttributeHTML Tag
How to add HTML <area> target AttributeHTML Tag
How to add HTML <area> target _blank AttributeHTML Tag
How to add HTML <area> target _self AttributeHTML Tag
How to add HTML <area> target _parent AttributeHTML Tag
How to add HTML <area> target _top AttributeHTML Tag
How to add HTML <area> target framename AttributeHTML Tag
How to add HTML <area> type AttributeHTML Tag
How to add HTML <area> type media AttributeHTML Tag


Related Articles
What is HTML <!--...--> Tag HTML Tag
What is HTML <!DOCTYPE> Declaration HTML Tag
What is HTML Elements and Doctypes HTML Tag
What is HTML <a> Tag HTML Tag
What is HTML <abbr> Tag HTML Tag
What is HTML <acronym> Tag HTML Tag
What is HTML <address> Tag HTML Tag
What is HTML <applet> Tag HTML Tag
What is HTML <area> Tag HTML Tag
What is HTML <article> Tag HTML Tag
What is HTML <aside> Tag HTML Tag
What is HTML <audio> Tag HTML Tag
What is HTML <b> Tag HTML Tag
What is HTML <base> Tag HTML Tag
What is HTML <basefont> Tag HTML Tag
What is HTML <bdi> Tag HTML Tag
What is HTML <bdo> Tag HTML Tag
What is HTML <big> Tag HTML Tag
What is HTML <blockquote> Tag HTML Tag
What is HTML <body> Tag HTML Tag
What is HTML <br> Tag HTML Tag
What is HTML <button> Tag HTML Tag
What is HTML <canvas> Tag HTML Tag
What is HTML <caption> Tag HTML Tag
What is HTML <center> Tag HTML Tag
What is HTML <cite> Tag HTML Tag
What is HTML <code> Tag HTML Tag
What is HTML <col> Tag HTML Tag
How to create HTML <colgroup> Tag HTML Tag
What is HTML <data> Tag HTML Tag
What is HTML <datalist> Tag HTML Tag
What is HTML <dd> Tag HTML Tag
What is HTML <del> Tag HTML Tag
What is HTML <details> Tag HTML Tag
What is HTML <dfn> Tag HTML Tag
What is HTML <dialog> Tag HTML Tag
What is HTML <dir> Tag HTML Tag
What is HTML <div> Tag HTML Tag
What is HTML <dl> Tag HTML Tag
What is HTML <dt> Tag HTML Tag
What is HTML <em> Tag HTML Tag
What is HTML <embed> Tag HTML Tag
What is HTML <fieldset> Tag HTML Tag
What is HTML <figcaption> Tag HTML Tag
What is HTML <figure> Tag HTML Tag
What is HTML <font> Tag HTML Tag
What is HTML <footer> Tag HTML Tag
What is HTML <form> Tag HTML Tag
What is HTML <frame> Tag HTML Tag
What is HTML <frameset> Tag HTML Tag
What is HTML <h1> to <h6> Tags HTML Tag
What is HTML <head> Tag HTML Tag
What is HTML <header> Tag HTML Tag
What is HTML <hgroup> Tag HTML Tag
What is HTML <hr> Tag HTML Tag
What is HTML <html> Tag HTML Tag
What is HTML <i> Tag HTML Tag
What is HTML <iframe> Tag HTML Tag
What is HTML <img> Tag HTML Tag
What is HTML <input> Tag HTML Tag
What is HTML <ins> Tag HTML Tag
What is HTML <kbd> Tag HTML Tag
What is HTML <label> Tag HTML Tag
What is HTML <legend> Tag HTML Tag
What is HTML <li> Tag HTML Tag
What is HTML <link> Tag HTML Tag
What is HTML <main> Tag HTML Tag
What is HTML <map> Tag HTML Tag
What is HTML <mark> Tag HTML Tag
What is HTML <menu> Tag HTML Tag
What is HTML <meta> Tag HTML Tag
What is HTML <meter> Tag HTML Tag
What is HTML <nav> Tag HTML Tag
What is HTML <noframes> Tag HTML Tag
What is HTML <noscript> Tag HTML Tag
What is HTML <object> Tag HTML Tag
What is HTML <ol> Tag HTML Tag
What is HTML <optgroup> Tag HTML Tag
What is HTML <option> Tag HTML Tag
What is HTML <output> Tag HTML Tag
What is HTML <p> Tag HTML Tag
What is HTML <param> Tag HTML Tag
What is HTML <picture> Tag HTML Tag
What is HTML <pre> Tag HTML Tag
What is HTML <progress> Tag HTML Tag
What is HTML <q> Tag HTML Tag
What is HTML <rp> Tag HTML Tag
What is HTML <rt> Tag HTML Tag
What is HTML <ruby> Tag HTML Tag
What is HTML <s> Tag HTML Tag
What is HTML <samp> Tag HTML Tag
What is HTML <script> Tag HTML Tag
What is HTML <search> Tag HTML Tag
What is HTML <section> Tag HTML Tag
What is HTML <select> Tag HTML Tag
What is HTML <small> Tag HTML Tag
What is HTML <source> Tag HTML Tag
What is HTML <span> Tag HTML Tag
What is HTML <strike> Tag HTML Tag
What is HTML <strong> Tag HTML Tag
What is HTML <style> Tag HTML Tag
What is HTML <sub> Tag HTML Tag
What is HTML <summary> Tag HTML Tag
What is HTML <sup> Tag HTML Tag
What is HTML <svg> Tag HTML Tag
What is HTML <table> Tag HTML Tag
What is HTML <tbody> Tag HTML Tag
What is HTML <td> Tag HTML Tag
What is HTML <template> Tag HTML Tag
What is HTML <textarea> Tag HTML Tag
What is HTML <tfoot> Tag HTML Tag
What is HTML <th> Tag HTML Tag
What is HTML <thead> Tag HTML Tag
What is HTML <time> Tag HTML Tag
What is HTML <title> Tag HTML Tag
What is HTML <tr> Tag HTML Tag
What is HTML <track> Tag HTML Tag
What is HTML <tt> Tag HTML Tag
What is HTML <u> Tag HTML Tag
What is HTML <ul> Tag HTML Tag
What is HTML <var> Tag HTML Tag
What is HTML <video> Tag HTML Tag
How to add HTML <wbr> Tag HTML Tag

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Tag
Uploaded by:
Admin