a标签的妙用

a 标签的妙用

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

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

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

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

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

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

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

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

1
2
3
<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>

另一种方式是这么写的

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

2、a 标签发邮件

这里我只用到了这种写法

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

3、a 标签发短信

这里我只用到了这种写法

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

4、a 标签定位置(调用地图)

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

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

3、a 标签当做下载链接

这里我只用到了这种写法

1
2
3
4
<a href="img/aa.png" download="WC.png">点击下载链接</a>
//href中只需要放上图片的链接
,其实就是放需要下载的资源可以是zip,doc等等,不限文件的,如下面这种写法
<a href="content/test.zip" download="test.zip">点击下载链接</a>
您的打赏,是我创作的动力,谢谢支持。
0%