HTML5中强制下载属性下载的使用方法

这篇文章主要介绍了HTML5中强制下载属性下载的使用方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

链接中加入下载属性可以使用户将文件下载下来而不是直接用浏览器打开,截止到目前为止对HTML5提供支持的浏览器已经对这个属性支持得比较好了、下面我们就来详细看一下HTML5中的强制下载属性下载使用实例解析:

HTML5的下载属性用来强制浏览器下载对应文件,而不是打开.Chrome和Firefox等浏览器太过于强大,也许是为了增强用户体验,当用户点击的资源文件可以被它们识别的时候(例如pdf会直接在浏览器打开,mp3, mp4等媒体直接用浏览器内置播放器播放)。但有时候,用户其实是希望直接下载而不是在浏览器上看看,这时就可以加上这个属性,属性值会对下载的文件重命名:
& lt; a href=https://www.yisu.com/zixun/下载=癲ownloadpdf.php下载。pdf ">点击直接下载并保存成下载。pdf文件
如果你确定这个资源是用户肯定会下载的,就可以加上这个属性,还可以用JS或者手动改变想要保存的文件名。
在html里创建一个是下载链接是方便的,添加一个& lt; a>标签和指向文件的href属性就行了。但是某些文件不会被下载(比如图像,pdf, txt, doc),相反,他们会在浏览器中被打开。
如果你的站点是有服务器端的,你可以通过配置. htaccess文件来使得那些文件可以被下载。如果你的站点是被WordPress.com或者github页面托管的(静态页面),那么轻考虑使用& lt; a>标签的下载属性

<强>使用“下载”属性
下载属性是html5规范的一部分,它表现为一个下载链接,而不是一个导航的链接。
下载属性也允许你去重命名一个需要下载的文件。比如,一个文件存放在服务器上,如果这个文件是自动生成的,一般来说它被都命名为一个系统的数字和破折号的组合,例如acme-doc-2.0.1.txt,我们可以重命名这个下载文件的名字,用户下载后看到的文件名可以是一个比较好的名字,例如Acme文档(版本。2.0.1)。txt,像这样增加用户体验(不要忘记文件的拓展名)。