HTML download 属性与 anchor 标签一起使用，用于指定当用户点击超链接时将下载资源（在 href 属性中指定）。
它表示超链接将用于下载资源。可以在 href 属性中传递用户可以下载的资源，可以是任何图片文件、GIF 文件、视频文件等。
语法
<a href="linktoresourse.com" download></a>
适用于
下面列出的元素允许使用 HTML download 属性
| 元素 | 描述 |
|---|---|
| <a> | HTML <a> 标签定义了一个超链接。它用于从一个页面链接到另一个页面。 |
| <area> | HTML <area> 标签指定了图像的区域、可以单击的映射或通过超链接链接到的活动区域。 |
HTML download 属性示例
下面的示例将说明 HTML download 属性，我们应该在哪里以及如何使用此属性！
点击链接下载
在以下示例中，我们在 <a> 标记中使用 download 属性来指示超链接用于下载资源。
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML 'download' attribute</title>
</head>
<body>
<!--HTML 'download' attribute-->
<p>Example of the HTML 'download' attribute</p>
<p>Click on below link: </p>
<a href=
"https://www.qikepu.com/html/images/html-mini-logo.jpg"
download>
Download
</a>
</body>
</html>
下载可点击区域
考虑另一种情况，我们将使用带有 area 标签的 download 属性。当单击输出中的区域时，将下载图像。
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML 'download' attribute</title>
</head>
<body>
<!--HTML 'download' attribute-->
<p>Example of the HTML 'download' attribute</p>
<p>Click on below image to download it: </p>
<img src=
"https://www.qikepu.com/images/logo.png?v3"
alt="qikepu">
<map name="demo" src=
"https://www.qikepu.com/images/logo.png?v3">
<area shape="rect" coords="34,44,270,350"
href="/images/logo.png" alt="qikepu"
download>
</map>
</body>
</html>
支持的浏览器
| 浏览器 |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| 是否支持 | 14.0 | 18.0 | 20.0 | 10.1 | 15.0 |
