HTML - download 属性_HTML 菜鸟教程

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

<< HTML - disabled 属性 HTML - enctype 属性 >>