a 标签的妙用

最近写了一个静态页面的项目，发现 a 标签在手机端的一些其他的用途，为自己做一个总结

1、a 标签可以直接拨打电话

1、这里最常用的是用tel 来调用拨打电话的功能，属于 H5 的一些特性

<a href="tel:10086">10086</a> //点击后直接拨打10086

如果要支持 safari for ios ，blackberry browser 的号码，需要加上一下标签，目的是自动探测电话号码

<meta name="format-detection" content="telephone=no" /><meta
  http-equiv="x-rim-auto-match"
  content="none"
/>

2、使用 wtai 协议进行拨打电话。

在 wml 中可以调用设备的 wtai 函数来呼叫特定的电话号码。目前，越来越多的浏览器都支持这个功能，但还不是所有。

＜input name="phone_no" format="*m" value="13"/＞ ＜do type="option"
label="呼出号"＞ ＜go href="wtai://wp/mc;$(phone_no)"/＞ ＜/do＞＜br/＞ 　　 //
或者直接写入电话号码的方式： ＜a href="wtai://wp/mc;1331597312*"＞拨打电话＜/a＞

另一种方式是这么写的

<a href="dc:5040*0077">拨打热线</a>

2、a 标签发邮件

这里我只用到了这种写法

<a href="mailto:test@qq.com?subject=TestObject">c6088@qq.com</a>
//点击后直接给c1586@qq.com发邮件，主题为：TestObject

3、a 标签发短信

这里我只用到了这种写法

<a href="sms:10086?body=message_body">给 10086 发短信</a>
//点击后直接给10086发信息，消息内容默认为message_body

4、a 标签定位置（调用地图）

这个我没有写,相比其他的几个功能,这个更麻烦吧,我没有实际使用

<a href="geopoint:116.281469,39.866035">我的位置</a> //点击后直接发送自己的位置
<a href="geopoint:经度,纬度">我的位置</a>
// 这个直接搜索一些当前需要定位置的坐标就好了

3、a 标签当做下载链接

这里我只用到了这种写法

<a href="img/aa.png" download="WC.png">点击下载链接</a>
//href中只需要放上图片的链接
，其实就是放需要下载的资源可以是zip，doc等等，不限文件的,如下面这种写法
<a href="content/test.zip" download="test.zip">点击下载链接</a>