a标签的使用和拓展

相信学前端的小伙伴一定对a标签很熟悉了，但其实大家普遍会用的就是src属性。今天在这里统一记录一下a标签的所有知识点，希望可以帮助到有需要的人。

相对路径和绝对路径的问题就不在这里过多介绍了。

1.

<a href="https://www.baidu.com/" >百度</a>

首先就是一个最简单的用法：跳转页面，这也是a标签真正的作用。

2.

 <a href="#">嘿嘿 </a>

在href中加一个#。

这是一个空链接，在开发时写静态页面会用的。真正项目上线时是绝对不会出现的。

3.   mailto关键字

 <a href="mailto：111@163.com">邮箱 </a>

直接打开相应的邮件客户端，并在收件人栏里填入对应的邮箱地址。

4. sms

   <a href="sms:10086,10010?body=ABC">发送内容</a>

同时给10086和10010发送信息，信息内容是ABC.

5.tel

<a href="tel:18340404040">打电话</a>

在tel后面加上电话号码，就可以打电话。

6.download

可以下载图片 

7.target(用到的次数会多一些，重点记)

    <!-- 在新窗口中打开 -->
    <a href="https://www.baidu.com/" target="_black">百度</a>   
    <!-- 在原网页中打开 -->
    <a href="https://www.baidu.com/" target="_self">百度</a>