HTML5的Download属性是用来强制浏览器下载对应的文件，而不是打开。Chrome、Firefox等浏览器功能太强大，也许是为了增强用户体验，当用户点击的资源文件可以被他们识别的时候(比如pdf会直接在浏览器中打开，mp3、mp4等媒体会直接在浏览器的内置播放器中播放)。但是有时候，用户实际上想直接下载而不是在浏览器上查看，所以可以添加这个属性，属性值会对下载的文件进行重命名：

a href=' download pdf . PHP ' download=' download . pdf '单击以直接下载并将其保存为download.pdf文件/a

如果你确定这个资源会被用户下载，你可以添加这个属性，你可以通过JS或者手工修改你要保存的文件名。

用html创建下载链接很方便，只需添加一个A标签和一个指向文件的href属性。但是有些文件是不会下载的(比如图片、pdf、txt、doc)，相反会在浏览器中打开。

如果您的站点有服务器端，您可以配置。以便下载这些文件。如果你的站点是由一个WordPress.com或github页面(静态页面)托管的，考虑稍微使用A标签的下载属性

使用“Download”属性下载属性是html5规范的一部分，它是一个下载链接，而不是导航链接。

下载属性还允许您重命名需要下载的文件。例如，一个文件存储在服务器上。如果文件是自动生成的，一般命名为系统号和破折号的组合，比如acme-doc-2.0.1.txt，我们可以对下载的文件进行重命名，用户下载后看到的文件名可以是更好的名字，比如acme documentation (ver.2.0.1)。

XML/HTML代码将内容复制到剪贴板

a href=' download pdf . PHP ' download=' download . pdf '单击以直接下载并将其保存为download.pdf文件/a

你可以看看这个演示地址：http://tutsplus.github.io/download-attribute/index.html

考虑到安全问题，一些注意：火狐必须从自己的服务器或域名下载文件，否则会在浏览器中打开。

在Chrome和Opear中，如果下载的文件不在服务器或域名的子集内，这些浏览器会忽略下载属性，换句话说，文件名保持不变。

当提供后备方案：写这篇文章的时候，下载属性并没有在Safari和IE中实现，但是IE声称下载属性的实现已经在开发日程的顶端了。

与此同时，我们可以使用备份方案来兼容这些浏览器。我们需要下载Modernizr的下载属性特征测试。

然后添加以下脚本：

JavaScript代码将内容复制到剪贴板

if(！Modernizr .全路){

var $ link=$(' a ')；

$link.each(function(){

var$download=$(this)。attr('下载')；

if(typeof$download！==typeofundefined $下载！==false){

var$el=$('div ')。addClass('下载指令')。文本('右键单击并选择'下载链接文件' ')；

$ El . insertafter($(this))；

}

});

}

这个脚本是测试浏览器是否支持下载属性。如果浏览器没有，会在带有下载属性的A标签下插入一个带有下载指令类的div标签，用右键给出下载的文字指导。