`

html5新特性-- <a>标签新属性download

 
阅读更多
download 属性规定被下载的超链接目标,设置一个值来规定下载文件的名称。
兼容性:只有 Firefox 和 Chrome 支持 download 属性。

众所周知,在 <a> 标签中必须设置 href 属性。
http://www.w3school.com.cn/tags/att_a_download.asp

如下例子所示,下载图片时自动将图片名称命名为‘w3logo’:

<a href="/i/w3school_logo_white.gif" download="w3logo">
<img border="0" src="/i/w3school_logo_white.gif" alt="W3School">
</a>


顺便说一下<img>标签中alt属性是规定图像的替代文本。
分享到:
评论
1 楼 zhangyaochun 2014-04-24  
这个不错,新属性哦~

相关推荐

    FCKEDITOR学习笔记资料.pdf

    - 在HTML页面的&lt;head&gt;标签前,插入以下JavaScript代码来引入FCKeditor: ```html &lt;script type="text/javascript" src="&lt;%=basePath%&gt;/fckeditor/editor/fckeditor.js"&gt;&lt;/script&gt; ``` 然后,根据需要创建编辑器...

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

    `&lt;a&gt;`标签的`download`属性可以让用户直接下载链接指向的资源,而不再需要跳转到新的页面。 总的来说,HTML5的这些新标签和属性极大地丰富了网页设计的表达力,提高了网页的可访问性和用户体验,使得开发者能够构建...

    html教程

    双标签如`&lt;p&gt;`(段落)、`&lt;a&gt;`(链接)等,需要闭合。 1. 基本文本元素:`&lt;h1&gt;`到`&lt;h6&gt;`定义六级标题,`&lt;p&gt;`定义段落,`&lt;b&gt;`和`&lt;i&gt;`分别用于粗体和斜体。 2. 链接元素:`&lt;a&gt;`定义超链接,`href`属性指定目标URL。 3...

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

    `&lt;a&gt;`标签还支持添加`download`属性,强制浏览器下载链接的目标文件,而不是在新标签页中打开。此外,`&lt;link&gt;`标签用于导入样式表、图标、以及定义页面之间的关系,如`rel="stylesheet"`、`rel="next"`等。 3. **...

    HTML中文API

    8. **链接(Links)**:`&lt;a&gt;`元素创建超链接,`href`属性指定链接地址,`target`属性可设置新窗口或标签页打开链接。 9. **表单(Forms)**:`&lt;form&gt;`元素用于创建表单,`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`和`...

    c-jdbc 详细配置方案

    - `&lt;AuthenticationManager&gt;`标签下的`&lt;Admin&gt;`和`&lt;VirtualUsers&gt;`定义管理员和虚拟用户的登录信息。 - `&lt;VirtualLogin&gt;`标签用于设置虚拟登录名和密码。 6. **请求调度与缓存**: - `&lt;RequestManager&gt;`标签下,...

    HTML语法

    12. **HTML5新特性**:HTML5引入了许多新元素,如&lt;header&gt;、&lt;footer&gt;、&lt;article&gt;、&lt;aside&gt;等,提高了语义化程度,并支持音频(&lt;audio&gt;)、视频(&lt;video&gt;)等多媒体内容。 以上只是HTML语法的冰山一角,深入学习还需...

    HTML5 标准.pdf

    各种元素的属性得到扩展和更新,例如`&lt;a&gt;`标签的`download`属性允许直接下载链接资源,`&lt;img&gt;`的`alt`属性强化了无障碍访问。 总结来说,HTML5 不仅仅是一个简单的版本升级,它是对HTML标准的一次重大革新,旨在...

    HTML ppt 教程

    HTML5是当前最广泛使用的版本,它引入了许多新特性,如离线存储(`&lt;html manifest&gt;`)、音频和视频处理(`&lt;audio&gt;`、`&lt;video&gt;`)、画布(`&lt;canvas&gt;`)以及语义化元素(`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;article&gt;`、`...

    HTML5入门ppt

    - **新增语义标签**:如`&lt;article&gt;`、`&lt;aside&gt;`、`&lt;details&gt;`、`&lt;figcaption&gt;`、`&lt;figure&gt;`、`&lt;footer&gt;`、`&lt;header&gt;`、`&lt;main&gt;`、`&lt;mark&gt;`、`&lt;nav&gt;`、`&lt;section&gt;`等,这些标签不仅提高了代码的可读性和维护性,还...

    HTML 5 最新教程,国内少有(可能没有)

    1. **语义化标签**:`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;section&gt;`、`&lt;article&gt;`、`&lt;footer&gt;`等,这些标签使得网页结构更加清晰。 2. **多媒体元素**:`&lt;video&gt;` 和 `&lt;audio&gt;` 元素简化了多媒体文件的集成。 3. **表单控件**:...

    最全前端面试题-3(html篇-上百篇题集整理1个月)

    2. **HTML5的改进**:HTML5引入了许多新特性,包括`&lt;canvas&gt;`用于图形绘制、地理定位API、多媒体元素如`&lt;audio&gt;`和`&lt;video&gt;`、语义化元素如`&lt;header&gt;`、`&lt;footer&gt;`等。此外,还有新的表单控件、拖放功能、本地存储、...

    HTML5 Quick Learning Guide

    HTML5中的元字符集标签也得到了简化,只需要使用`&lt;meta charset="UTF-8"&gt;`即可,无需再使用`http-equiv`属性和`content`属性。这使得代码更加简洁且易于理解。 ### 结构元素 HTML5引入了多个新的结构元素,用于更...

    HTML的UFO网页

    同时,`&lt;a&gt;`标签可以创建链接,引导用户浏览更多关于UFO的信息或者其他相关页面。 总的来说,创建一个“HTML的UFO网页”需要结合HTML的基本语法、Flash内容的嵌入(尽管现在已经不再推荐使用Flash)以及HTML5的新...

    免费html教程

    比如&lt;a&gt;标签的href属性用于指定链接的目标地址,&lt;img&gt;标签的src属性用于指定图片路径。 4. **CSS基础**:虽然不是HTML的直接部分,但通常在HTML教程中也会提及CSS(Cascading Style Sheets),它是用来控制网页样式...

    简单html5练习.zip

    例如,新的语义化标签如&lt;header&gt;、&lt;nav&gt;、&lt;section&gt;、&lt;article&gt;和&lt;footer&gt;,这些标签使得网页结构更加清晰,有助于搜索引擎优化和无障碍访问。此外,&lt;canvas&gt;元素引入了画布功能,允许动态图形和交互式内容的创建,...

    HTML5 CSS3 Introduction (PDF)

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

    struts2.0开发环境的搭建及HelloWorld的演示

    在`&lt;web-app&gt;`标签内插入以下代码: ```xml &lt;filter&gt; &lt;filter-name&gt;struts2&lt;/filter-name&gt; &lt;filter-class&gt;org.apache.struts2.dispatcher.FilterDispatcher&lt;/filter-class&gt; &lt;/filter&gt; &lt;filter-mapping&gt; &lt;filter-...

    HTML导出table数据到excel

    这里,我们可以利用浏览器的`Blob`对象和`a`标签的`download`属性来创建一个可以下载的Excel文件。以下是一个简单的JavaScript函数示例: ```javascript function exportTableToExcel(tableId, filename) { const ...

    jquery-placeholder

    然后,将`jquery.placeholder.js`文件添加到页面中,通常放在`&lt;head&gt;`标签内或者`&lt;body&gt;`标签的底部,确保在调用此插件的代码之前引入jQuery。 ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script src=...

Global site tag (gtag.js) - Google Analytics