HTML 标签的 download 属性
download 属性规定被下载的超链接目标。用于 a 标签和 area 标签。
实例
点击此链接来下载图片：
<!DOCTYPE html><html><body><p>点击下载demo图片：<p><a href="/images/demo.png" download="cankaoshouce"><img border="0" src="/images/demo.png" alt="cankaoshouce"></a></body></html>
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| accept-charset | Yes | No | No | Yes | No |
只有 Firefox 和 Chrome 支持 download 属性。
定义和用法
download 属性规定被下载的超链接目标。用于 a 标签和 area 标签。
在 <a> 标签中必须设置 href 属性。
该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制，浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。
HTML 4.01 与 HTML 5 之间的差异
在 HTML5 中，download 属性是 <a> 标签的新属性。
语法
<a download="filename">
属性值
| 值 | 描述 |
|---|---|
| filename | 规定作为文件名来使用的文本。 |
更多实例
<h1>area 标签的 download 属性</h1><p>点击太阳或行星下载其内容。</p><img src="/images/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"><map name="planetmap"><area shape="rect" coords="0,0,82,126" alt="Sun" href="information_about_the_sun.htm" download><area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download><area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt" download></map><p><b>备注:</b> IE, Safari 或者 Opera version 12 (及更早版本) 不支持 download 属性.</p>