`

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属性。download属性能让我们指定浏览器下载时采用新的文件名称,也就是在客户端重命名下载文件。而不是链接上原始的文件名称。实际上download属性更合适的名称是downloadName。 HTML...

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

    HTML5的`download`属性是现代网页开发中用于强制浏览器下载指定链接文件的一个重要特性。在没有`download`属性之前,浏览器通常会根据文件类型自动决定是打开文件还是下载文件,例如,PDF文档通常会在浏览器内打开,...

    html5特殊属性的实例

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

    safari HTML5 handbook

    以上内容仅是部分HTML5标签和属性的简要概述,更详细的信息和示例可以在《Safari HTML5 Handbook》中找到。这本书对于任何希望深入了解HTML5在Safari中的应用的开发者来说都是非常有价值的资源。

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

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

    downloadjs通过javascript触发文件下载

    在HTML5中,`&lt;a&gt;`标签新增了一个`download`属性,允许开发者指定一个链接应该下载而不是在新窗口中打开。例如: ```html &lt;a href="http://example.com/myfile.pdf" download="myfile.pdf"&gt;下载PDF ``` 这段代码会...

    Ext常用属性总结

    5. **flex** - 在布局管理中,这个属性用于定义组件在可用空间中的伸缩比例。 6. **title** - 为面板(Panel)等组件设置标题。 7. **html** - 直接插入HTML内容到组件内部。 8. **style** - 自定义CSS样式,用于...

    HTML5入门ppt

    - **链接属性**:如`download`属性,可以让用户直接下载链接指向的资源。 - **其他属性**:如`&lt;ol&gt;`中的`reversed`属性,可以让有序列表倒序显示。 #### 四、HTML5其他功能 - **Canvas2D**:`&lt;canvas&gt;`标签提供...

    HTML5 CSS3 Introduction (PDF)

    - **优雅降级**:对于不支持新特性的老浏览器,HTML5提供了退路,如`&lt;canvas&gt;`元素中的备用文本。 - **不重复造轮子**:利用已有的特性来实现功能,例如使用`contenteditable`属性实现编辑功能。 - **顺应用户...

    HTML5系列教程-HTML5样式、链接和表格

    在HTML5中,样式主要是通过CSS(层叠样式表)来实现的,它让开发者能够控制网页的布局和外观。CSS3是与HTML5紧密配合的新一代CSS版本,提供了更多的选择器、动画、过渡和特效。例如,你可以使用`&lt;style&gt;`标签在HTML...

    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 ...

Global site tag (gtag.js) - Google Analytics