<a> download 属性的使用方法,在线实例演示如何使用 <a> download 属性、浏览器的兼容性、语法定义及它的属性值详细介绍等。
单击链接时下载文件(而不是导航到文件):
<!doctype html> <html> <head> <title>html: <a> download属性的使用 - 编程教程网(123520.net)</title> </head> <body> <p>单击nhooo的logo以下载图像</p> <a href="/static/images/logo.png" download> <img src="/static/images/logo.png" alt="nhooo.com" width="150" height="50"> </a> </body> </html>测试看看 ‹/›
注意: Edge版本12,IE,Safari 10(或更早版本)或Opera版本12(或更早版本)不支持download属性。
表格中的数字表示支持该属性的第一个浏览器的版本号。
元素 | |||||
---|---|---|---|---|---|
download | 14.0 | 13.0 | 20.0 | 10.1 | 15.0 |
download属性指定当用户单击超链接时将下载目标。
仅当设置了href属性时,才使用此属性。
该属性的值将是下载文件的名称。对允许的值没有限制,浏览器将自动检测正确的文件扩展名并将其添加到文件(.img,.pdf,.txt,.html等)中。
如果省略该值,则使用原始文件名。
download 属性是HTML5中新增的 <a> 标签属性。
<a download="filename">
值 | 描述 |
---|---|
filename | 指定文件名称。 |
为下载属性指定一个值,该值将是下载文件的新文件名(“ nhooologo.png”而不是“ views.png”):
<!doctype html> <html> <head> <title>html: <a> download属性的使用 - 编程教程网(123520.net)</title> </head> <body> <a href="/static/images/logo.png" download="nhooologo"> <img src="/run/html/views.png" alt="Views" width="300" height="200"> </a> <p>请注意,下载文件的文件名将另存为“ nhooologo.jpg”,而不是“ views.png”。.</p> </body> </html>测试看看 ‹/›