`

HTML5 中的download属性

阅读更多
在传统的html中,某个文件的下载,是这样的:

<a href="=/files/abc1234564545.pdf">report</a>  

<a href="=/files/abc1234564545.pdf">report</a>

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

<a href="=/files/abc1234564545.pdf" download="abc">report</a>  

<a href="=/files/abc1234564545.pdf" download="abc">report</a>

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

相关推荐

    详解HTML5中download属性的应用

    而在HTML5中,我们可以利用download属性来指定文件的下载行为,如下: ```html &lt;a href="/files/abc1234564545.pdf" download="abc"&gt;report ``` 这里,`download`属性告诉浏览器这是一个需要下载的链接,并且`"abc...

    浅析HTML5中的download属性使用

    随着前端技术的发展,越来越多的业务场景中需要前端来...download 是 HTML5 中 &lt;a&gt; 标签新增的一个属性,此属性会强制触发下载操作,指示浏览器下载 URL 而不是导航到它,并提示用户将其保存为本地文件,例如: &lt;a&gt;d

    HTML5的download属性详细介绍和使用实例

    其中一个就是新添加的download属性。download属性能让我们指定浏览器下载时采用新的文件名称,也就是在客户端重命名下载文件。而不是链接上原始的文件名称。实际上download属性更合适的名称是downloadName。 HTML...

    html5特殊属性的实例

    本实例主要关注HTML5中的特殊属性,这些属性使得元素更具表现力和交互性,提高了用户体验。以下是对这些特殊属性的详细讲解: 1. `autofocus`:这个属性用于指定一个表单元素(如输入框`&lt;input&gt;`)在页面加载时自动...

    HTML5中的强制下载属性download使用实例解析

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

    PHP替换HTML文件中所有a标签的HREF属性

    PHP替换HTML文件中所有a标签的HREF属性,其他代码不变,不管执行多少次都不变

    HTML中文API

    在HTML中文API中,你可以找到以下几个核心知识点: 1. **HTML基本结构**:HTML文档通常由`&lt;!DOCTYPE html&gt;`声明开头,接着是`&lt;html&gt;`元素,它是所有其他元素的容器。`&lt;head&gt;`包含了元数据(如字符编码、页面标题等...

    HTML5标签_和属性手册[收集].pdf

    还有一些标签在HTML5中不再被推荐使用,如`&lt;applet&gt;`、`&lt;basefont&gt;`、`&lt;big&gt;`、`&lt;center&gt;`等,这些过时的标签应通过更现代的CSS和JavaScript方法来实现相应的效果。 HTML5的属性也有所更新和扩展,例如`&lt;img&gt;`标签...

    您应该了解的独特 HTML 属性

    5. 下载:download 属性与 &lt;a&gt; 元素一起使用,指定当用户单击链接时应下载目标。例如:&lt;a href="document.pdf" download="my-document"&gt;Download PDF 该属性可以应用于文件下载、资源分享等场景,提高用户体验。 6...

    WordPress 博客下载插件Download Monitor

    2.在wp-content/目录中改变upload文件属性为777,不然将不能上载文件 3.登陆博客后台,在已安装插件列表中启用该插件 4.启用插件后,在左侧的设置下面会多出一个Download选项卡 5.Add New是添加下载文件 ...

    HTML页面访问ActiveXObject对象的方法和属性 更新TestActiveX html

    http: download csdn net detail pony12 5223472 中的TestActiveX html文件有问题 提供更新的代码(&lt;1&gt;OBJECT对象引用时 属性名和ActiveXObject方式有点区别;&lt;2&gt;CLASSID &quot;CLSID:E798C16A D071 ...

    safari视觉指南

    5. CSS变量(Custom Properties):Safari支持CSS自定义属性,允许在代码中定义和使用变量,提高代码复用性和可维护性。 6. 字体渲染:Safari提供了优秀的字体渲染技术,如`font-smooth` 属性可以控制文本的抗锯齿...

    HTML的UFO网页

    在这个例子中,`ufo.swf`是Flash文件的名称,而`width`和`height`属性定义了其在网页上的显示尺寸。如果用户浏览器不支持Flash,`&lt;p&gt;`标签内的文本将作为备选内容显示。 HTML5引入了许多新的元素和特性,使得创建...

    HTML5 标准.pdf

    HTML5中一些元素发生了变化,比如`&lt;head&gt;`和`&lt;body&gt;`标签的使用更规范,`&lt;form&gt;`元素增加了新的属性和元素,`&lt;img&gt;`标签新增了`srcset`属性以适应不同设备分辨率。 5. **异常处理** HTML5 强调更好的错误处理机制...

    lotusScript(导出设计到html)

    5. **发布和索引**:将生成的HTML文档上传到内部服务器或共享位置,创建索引文件以便快速查找。 此外,了解LotusScript的关键概念也是很重要的,如: - **代理(Agents)**:自动化执行任务的脚本,如发送邮件、更新...

    去除隐藏文件属性工具

    http://www.kztechs.com/sreng/download.html 在SRENG工具》系统修复》文件关联》修复文件关联 如果有疑问或清除不了的情况,请去卡卡论坛发贴询问: http://bbs.ikaka.com/showforum-28.aspx 这贴是附件首发贴:...

    HTML5+CSS3从入门到精通自测练习.docx

    **HTML5的元素**:`&lt;option&gt;`通常用于下拉列表,`&lt;body&gt;`定义网页的主要内容,`&lt;hr&gt;`用于水平线,`&lt;doctype&gt;`是文档类型的声明,`&lt;b&gt;`标签用于加粗文本,`&lt;header&gt;`和`&lt;footer&gt;`用于定义页面头部和底部,`&lt;title&gt;`...

Global site tag (gtag.js) - Google Analytics