首页客户案例企业网站建设外贸独立站SEO优化小程序+APP开发自媒体运营关于动态联系咨询

如何使用HTML5中download属性的应用

这篇文章主要介绍了HTML5中download属性的应用,文中对比了过去HTML版本中下载相关样式的写法以突出HTML5中改进后的优势,需要的朋友可以参考下 在传统的html中,某个文件的下载,是这样的: <a href="=/files/abc1234564545.pdf">report</a> 而在HTML 5浏览器中,可以支持download属性了,如下: <a href="=/files/abc1234564545.pdf" download="abc">report</a> download属性的好处在于,在用户下载文件的时候,显示在用户浏览器 中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的 东西了,比较友好

HTML5里,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。 <!-- 将会下载 "test.txt"文件 --> <a href="http://www.zjgsq.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt" download="test">点击下载</a> 然后当用户点击这个链接,这个download属性值就出现在下载对话框中,代替原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个强制下载。

这个属性在存在文件交互的地方非常有用,在服务器端的文件名需要是及其独特的(上例中的文件名就很独特不是吗?),但是一堆乱码对用户来说没有任何作用,download属性定义文件名对用户更有意义。download属性只是增强性的,它不是非常酷,但是它很实用,而且非常易于添加。

本文来源于广州网站建设公司与广州网站设计制作公司-广帆互动广州公司!

日期:2015年08月17日

标签: 广州网站设计公司 、 广州网站设计 、 广州网站建设公司 、 广州网站建设 、 广州网站制作公司 、 广州网站制作 、 高端网站设计 、 高端网站建设 、 广州高端网站设计 、 广州高端网站建设

获取您的项目定制及优化报价。

* 为广州天河、白云、海珠、番禺、花都、南沙区提供网站建设服务。
微信二维码15876521776免费获取诊断报告