首页前端开发HTML详解HTML5中download属性的应用

详解HTML5中download属性的应用

时间2024-01-24 14:15:00发布访客分类HTML浏览643
导读:收集整理的这篇文章主要介绍了详解HTML5中download属性的应用,觉得挺不错的,现在分享给大家,也给大家做个参考。 在传统的htML中,某个文件的下载,是这样的: XML/HTML Code复制内容到剪贴板 <a...
收集整理的这篇文章主要介绍了详解HTML5中download属性的应用,觉得挺不错的,现在分享给大家,也给大家做个参考。

在传统的htML中,某个文件的下载,是这样的:

XML/HTML Code复制内容到剪贴板
  1. a href="=/files/abc1234564545.pDF"> report/a>     

而在html 5浏览器中,可以支持download属性了,如下:

XML/HTML Code复制内容到剪贴板
  1. a href="=/files/abc1234564545.pdf" download="abc"> report/a>     

download属性的好处在于,在用户下载文件的时候,显示在用户浏览器
中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的
东西了,比较友好

HTML5里,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。

XML/HTML Code复制内容到剪贴板
  1. !-- 将会下载 "test.txt"文件 -->   
  2. a href="http://www.zjgsq.COM/demo/1/some-realy-crazy-file-name-389247823879472398.txt" download="test"> 点击下载/a>   

然后当用户点击这个链接,这个download属性值就出现在下载对话框中,代替原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个强制下载。

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 详解HTML5中的<aside>元素...下一篇:详解HTML5中div和section以及art...猜你在找的html5相关文章 关于移动端h5开发相关内容总结2022-05-17html5教程-学表单的第二天2018-12-10html5教程-HTML5浏览器支持2018-12-10html5教程-HTML5智能表单2018-12-10html5教程-微信H5使用resLoader实现加载页效果2018-12-10html5教程-day01-初级-JS0-热身运动JS入门教程2018-12-10html5教程-html5shiv.js和respond.min.js2018-12-10html5教程-不同浏览器对于html5 audio标签和音频格式的兼容性2018-12-10html5教程-使用Html5实现手风琴案例2018-12-10html5教程-html5笔记2018-12-10 其他相关热搜词更多phpjavapython

若转载请注明出处: 详解HTML5中download属性的应用
本文地址: https://pptw.com/jishu/585471.html
详解HTML5中div和section以及article的区别 HTML5中Localstorage的使用教程

游客 回复需填写必要信息