HTML <a> 标签的 download 属性 详解
HTML基础 2022-06-02 10:32:42小码哥的IT人生shichen
HTML <a> 标签的 download 属性
实例
点击此链接来下载图片：
<a href="/images/myw3schoolimage.jpg" download="w3logo">
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<p>点击 phpcodeweb 的 logo 来下载该图片：<p>
<a href="/i/w3school_logo_white.gif" download="w3logo">
<img border="0" src="/i/w3school_logo_white.gif" alt="phpcodeweb">
</a>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
只有 Firefox 和 Chrome 支持 download 属性。
定义和用法
download 属性规定被下载的超链接目标。
在 <a> 标签中必须设置 href 属性。
该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制，浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。
HTML 4.01 与 HTML 5 之间的差异
在 HTML5 中，download 属性是 <a> 标签的新属性。
语法
<a download="filename">
属性值
| 值 | 描述 |
|---|---|
| filename | 规定作为文件名来使用的文本。 |
