zoukankan      html  css  js  c++  java
  • 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等压缩格式

  • 相关阅读:
    Angularjs演示Service功能
    初始化应用程序数据ng-init指令
    AngularJs的ng-include的使用与实现
    把视图转换为字符串
    学习angularjs的内置API函数
    AngularJs自定义过滤器filter
    ASP.NET MVC的切片(Section)脚本(script)
    在ASP.NET MVC部署AngularJs
    MS SQL的某一数据库成了Single User模式
    AngularJs的MVC模式
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/7149293.html
Copyright © 2011-2022 走看看