a标签新特性

a标签

a标签是前端页面一个非常重要的标签,通常作为 链接使用,进行页面跳转,或者页面定位,之所以会有这样的功能,就在于a标签的一个重要属性,href,如果没有这个属性的a标签,就相当于一个普通的行内标签,连hover的默认小手都会没有。
那么除了href外,a标签还有哪些不为熟知的属性呢

download

在HTML5中,a标签除了href外,还新增了一个重要的属性,就是download。如广大前端工作人员所知,通常如果a标签的href属性=‘xxx’,如果xxx可以被浏览器解析,那么xxx就会被页面打开,而不是被下载,只有当浏览器不能解析的时候,那么才会被下载到本地。通常js,图片,html等文档均可被解析,MP4,mp3,zip等文件不会被解析。那么如果我们要通过a下载那些可以被解析的文件怎么办,那就需要这个download属性了。
    下发如下:
<a href="img/1_a_one2010.jpg" download>下载图片</a>
在href中写入文件地址,添加download属性即可。

target

target属性大家应该比较熟悉,我们跳转页面的情况通常会有以下两种,一是在同一页面内打开,二是打开的新的页面,保留原页面。那么就需要用到target属性了。a链接默认的是在同一页面打开,如果我们需要打开新的页面,就需要添加target='blank'来设置。
<a href="Map.html" target='blank'>Map页面</a>

值得注意的是,如果添加了download属性,那么a的href属性就是一个链接地址,不具备跳转的功能了。


指的一提的是:当a标签里面要下载的是一个文件夹的话 需要压缩为zip rar等压缩格式

原文地址:https://www.cnblogs.com/zjpzjp/p/7149293.html