您现在的位置是:网站首页> 编程资料编程资料
详解HTML5中download属性的应用HTML5的download属性详细介绍和使用实例
2023-10-14
432人已围观
简介 这篇文章主要介绍了HTML5中download属性的应用,文中对比了过去HTML版本中下载相关样式的写法以突出HTML5中改进后的优势,需要的朋友可以参考下
在传统的html中,某个文件的下载,是这样的:
XML/HTML Code复制内容到剪贴板
- <a href="=/files/abc1234564545.pdf">reporta>
而在HTML 5浏览器中,可以支持download属性了,如下:
XML/HTML Code复制内容到剪贴板
- <a href="=/files/abc1234564545.pdf" download="abc">reporta>
download属性的好处在于,在用户下载文件的时候,显示在用户浏览器
中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的
东西了,比较友好
HTML5里,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。
XML/HTML Code复制内容到剪贴板
- <a href="http://www.zjgsq.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt" download="test">点击下载a>
然后当用户点击这个链接,这个download属性值就出现在下载对话框中,代替原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个强制下载。
这个属性在存在文件交互的地方非常有用,在服务器端的文件名需要是及其独特的(上例中的文件名就很独特不是吗?),但是一堆乱码对用户来说没有任何作用,download属性定义文件名对用户更有意义。download属性只是增强性的,它不是非常酷,但是它很实用,而且非常易于添加。
相关内容
- 详解HTML5中div和section以及article的区别HTML5中div、article、section的区别及使用介绍HTML5中的Article和Section元素认识及使用深入浅析HTML5中的article和section的区别
- 一些常用的HTML5模式(pattern) 总结
- 针对HTML5的Web Worker使用攻略HTML5之web workers_动力节点Java学院整理HTML5 Web Workers之网站也能多线程的实现浅谈HTML5 Web Worker的使用
- 极简的HTML5模版html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- 深入探究HTML5的History API详解HTML5之pushstate、popstate操作history,无刷新改变当前urlHTML5 History API 实现无刷新跳转 HTML5 history新特性pushState、replaceState及两者的区别 HTML5学习笔记之History API浅析HTML5中的 History 模式
- HTML5中Localstorage的使用教程HTML5 LocalStorage 本地存储详细概括(多图)html5 localStorage本地存储_动力节点Java学院整理localstorage和sessionstorage使用记录(推荐)详解HTML5 LocalStorage 本地存储 html5本地存储 localStorage操作使用详解HTML5 本地存储 LocalStorage详解解析HTML5中的新功能本地存储localStoragelocalStorage的过期时间设置的方法详解
- HTML5到底会有什么发展?HTML5的前景展望HTML5未来发展趋势
- HTML5新增的8类INPUT输入类型介绍html禁止清除input文本输入缓存的两种方法html5中的input新属性range使用记录HTML5 input placeholder 颜色修改示例HTML 5 input placeholder 属性如何完美兼任ieHTML5 input元素类型:email及url介绍html5 input属性使用示例html4和html5区别之如何在一个input上添加焦点实现代码HTML5 input新增type属性color颜色拾取器的实例代码
- 用HTML5实现鼠标滚轮事件放大缩小图片的功能解决HTML5手机端页面缩放的问题HTML5实现可缩放时钟代码可使任何HTML元素动态缩放适合父元素的js插件scalable.jsHtml5之svg可缩放矢量图形_动力节点Java学院整理HTML5全屏响应式缩放切换幻灯片代码HTML5基于SVG实现可拖拽和缩放的世界地图效果源码HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述HTML5添加禁止缩放功能
- 天天酷跑 如何解决很卡的问题 升级到ios7.0.4很卡怎么办_手机游戏_游戏攻略_
