a标签在线客服咨询、邮箱反馈、页面使用logo等功能

今天来看一下一个神奇的<a>标签，那会都忘了这玩意的作用

总所周知的用来做链接，target的值就是链接以什么方式打开，"_blank"在空白页打开

<a href="baidu.com" target="_blank">跳转到百度</a>

但是它还有别的功能

1、QQ在线咨询功能

<a href="tencent://message/?uin=你的客服Q号&Site=Sambow&Menu=yes">在线咨询</a>

 然后到http://shang.qq.com/v3/index.html将客服功能开通下，不然要通过好友才行

当然，也可以在那的推广工具获取好看的咨询按钮样子

<a target="_blank">< img border="0" src="http://wpa.qq.com/pa?p=2::52" alt="点击这里给我发消息" title="点击这里给我发消息"/></ a>

//如果需要实现电脑和手机适配，那么在A标签的实现点击事件即可
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
//移动端打开
window.location.href = "mqqwpa://im/chat?chat_type=wpa&uin=2355350046&version=1&src_type=web&web_src=oicqzone.com";
} else {
//pc端打开
window.location.href = "tencent://message/?uin=2355350046&Site=qq&Menu=yes";
}

2、制作logo，有人说为毛不直接放在div里面加个点击事件，语义化会好点而已，没啥。但是记得display:inline-block，否则img的高度会是a标签的高度。

<a style="display: inline-block;" href="https://baidu.com"><img src="../../../../static/images/20.jpg"/></a>

3、快速发起邮箱反馈，点击后会调起电脑中的默认邮箱软件，不过没啥用，只能PC，不能移动端，鸡肋

<a href="mailto:13169131693@163.com?subject=测试a标签作用subject&body=测试a标签作用body">测试a标签作用</a>