HTML - download 属性

HTML 的 download 属性与锚点标签一起使用，用于指定当用户点击超链接时将下载资源（在 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://tutorialspoint.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://tutorialspoint.com/images/logo.png?v3" 
         alt="Tutorialspoint">
    <map name="demo" src=
"https://tutorialspoint.com/images/logo.png?v3">
         <area shape="rect" coords="34,44,270,350" 
               href="/images/logo.png" alt="rect"
               download>
   </map>
</body>

</html>

支持的浏览器

属性
download	是 14.0	是 18.0	是 20.0	是 10.1	是 15.0

html_attributes_reference.htm

打印页面