HTML: <area> download 属性

由网友 大卫 发布 阅读 6

HTML: <area> download 属性

download属性指定当用户单击超链接时将下载目标。仅当设置了href属性时,才使用此属性。该属性的值将是下载文件的名称。对允许的值没有限制,浏览器将自动检测正确的文件扩展名并将其添加到文件(.img,.pdf,.txt,.html等)中。如果省略该值,则使用原始文件名。

 HTML <area> 标签

在线示例

一个带有可点击下载区域的图片:

<!DOCTYPE html>
<html>
<title>HTML:<area> download 属性 - 大卫编程网 div.cn</title>
<body>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" 
    alt="Sun" href="/tags/sun.html" download="sun">
<area shape="circle" coords="90,58,3" alt="Mercury" href="/tags/merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="/tags/information_about_the_planet_venus.txt" download="venus">
</map> 
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

目前只有Firefox 和 Chrome支持download 属性。

定义和用法

download属性指定当用户单击超链接时将下载目标。
仅当设置了href属性时,才使用此属性。
该属性的值将是下载文件的名称。对允许的值没有限制,浏览器将自动检测正确的文件扩展名并将其添加到文件(.img,.pdf,.txt,.html等)中。
如果省略该值,则使用原始文件名。

HTML 4.01 与 HTML5之间的差异

download属性是HTML5中<area>标记的新属性.

语法

<area download="filename">

属性值

描述
filename指定文件名称。

 HTML <area> 标签

HTML: <area> rel 属性 HTML: <area> coords 属性