HTML5 a元素download属性

HTML5中a元素新增加了download属性，可以指定链接不打开，而直接启动浏览器的下载功能，下载链接目标，浏览器支持：

Chrome	Firefox	IE	Opera	Safari	Edge
14+	20+	不支持	15+	不支持	?

虽然Firefox、Chrome都支持，但两者有区别，Firefox官方文档MDN标注：

This attribute is only honored for links to resources with the same-origin.

Same-Origin 同源策略，如果域名不一样，Firefox是不会生效的，而Chrome依然会生效。

时间： 2024-11-05 17:29:13

HTML5 a元素download属性的相关文章

HTML5按钮元素新属性formaction,formenctype等简介（转载）

一.<button>等元素新增HTML5属性 – form 在过去,表单元素<form>和表单提交需要的一些控件元素(如<input>,<select>)在DOM结构上必须是父子关系,但是在HTML5背景下,表单元素和控件元素可以是在页面文档的任何位置,这种特性的实现就是通过使用form属性. 关于HTML5新增的form属性,我在六年前就介绍过,不过那篇文章是使用<textarea>元素示意的. 您可以狠狠地点击这里:textarea示意for

html/html5中的download属性

兼容性不是很好, 只是了解一下: 主要表现在跨域策略的处理上,Chrome浏览器和FireFox浏览器: 如果需要下载的资源是跨域的,包括跨子域,在Chrome浏览器下,使用download属性是可以下载的,但是,并不能重置下载的文件的命名:而FireFox浏览器下,则download属性是无效的,也就是FireFox浏览器无论如何都不支持跨域资源的download属性下载. 而,如果资源是同域名的,则两个浏览器都是畅通无阻的下载,不会出现下载变浏览的情况. demo <a href="l

HTML5 <a>标签download 属性

一.简单实例 <a href="../images/1.jpg" download="下载图片.jpg"> 点击按钮下载 </a> 二.说明: 定义和用法 download 属性规定被下载的超链接目标. 在 <a> 标签中必须设置 href 属性. 该属性也可以设置一个值来规定下载文件的名称.所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等). 注: 1.h

第二章 HTML5 页面元素及属性

—————目录列表元素结构元素分组元素页面交互元素文本层次语义元素全局属性 1. 列表元素 2. 结构元素 3. 分组元素 4.页面交互元素 5.文本层次语义元素 6. 全局属性原文地址:https://www.cnblogs.com/QLEO/p/10052249.html

[html5] 学习笔记-表单新增的元素与属性（续）

本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indeterminate属性.Image提交按钮的宽高属性. 1.controls属性在html5中,可以在标签内部放置一个表单元素,并且通过该标签的controls属性来访问该表单元素. 1 <body> 2 <script> 3 function setValue(){ 4 var label

Html5学习笔记1 元素标签属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<

疯狂html5演讲（两）：HTML5简经常使用的元素和属性（一个）:html5保留经常使用的元素

html5取出一小部分的元素和属性:主要删除的各种元素和属性与文档相关的风格.例<font>.width等待,html5建议规范css样式表来控制html文档样式. 1.基本元素 <html>.<head>.<title>.<body>.<style>.<h1>到<h6>.<p>.<br>.<hr>(定义水平线).<div>.<span>~~~ <

疯狂html5讲义（二）：HTML5简的常用元素与属性（一）:html5保留的常用元素

html5删除了少量的元素与属性:主要删除了文档样式相关的各种元素与属性,比如<font>.width等,html5规范推荐使用css样式单来控制html文档样式. 1.基本元素 <html>.<head>.<title>.<body>.<style>.<h1>到<h6>.<p>.<br>.<hr>(定义水平线).<div>.<span>~~~ <

疯狂html5讲义（二）：HTML5简的常用元素与属性（二）:html5新增的通用属性

1.contentEditable属性 true时可直接编辑html元素里面的内容,且具有"可继承"的特点. 编辑后不要刷新页面,否则编辑的内容会丢失,可以通过该元素的innerHtml属性来获取编辑后的内容. 2.designMode属性此属性相当于一个全局的contentEditable属性 3.hidden属性可以替代css中的display,hidden=true相当于display:none 4.spellcheck属性针对于input.textarea等元素,可以对用