a标签触发手机电话相关功能

一、移动web页面自动探测电话号码

1.问题描述：

做手机页面的时候，ios（苹果手机）上的浏览器总会把长串数字(有时仅仅是一段描述用的数字)识别为电话号码，文字变成蓝色，点击还会弹出菜单添加到通讯录

2.问题处理：在head标签中加入以下代码即可

none是关闭，页面上如果有手机号等数字串就不会被识别成手机号了

<meta content="telephone=no" name="format-detection" />    
<meta name="format-detection"  content="telephone=no">    

PS: 禁用后，如果想要页面识别电话功能，直接用“15111111111（详情参考下述）语法就可以了

二、使用tel实现拨打电话

1.语法

 <a href="tel:电话号码">点击拨打电话号码</a>

2.案例

（1）代码

<a href="tel:13113131313">点击拨打13113131313</a>

（2）效果

当点击图一中的“点击拨打13113131313”时，便会触发图二的情景

三、使用wtai协议拨打/存储电话

在 wml 中可以调用设备的 wtai 函数来呼叫特定的电话号码。目前，越来越多的浏览器都支持这个功能，但还不是所有。此处仅作为扩展了解，不详介绍

1.拨打

（1）语法

 <a href="wtai://wp//mc;电话号码">点击拨打电话号码</a>

（2）示例

<a href="wtai://wp//mc;13111333113">点击拨打13111333113</a>

2.存储

（1）语法

 <a href="wtai://wp/ap;电话号码">将电话号码存储至通讯录 </a>

（2）示例

 <a href="wtai://wp/ap;13113113113">将13113113113存储至通讯录 </a>

四、使用sms服务发送短信

1.发送短信至电话号码

（1）语法

 <a href="sms:电话号码">发送短信至电话号码</a>

（2）案例

①语法

<a href="sms:13111133333">发送短信至13111133333</a>

②效果

当点击图一中的文字时，便会触发图二的情景，点击“打开”进行授权，便可进入到图三的情景

2.发送短信内容至电话号码

（1）语法

 <a href="sms:电话号码?body=短信（默认）内容">发送短信（默认）内容至电话号码</a>

（2）案例

①语法

<a href="sms:13111133333?body=你好">发送短信至13111133333，短信（默认）内容为“你好”</a>

②效果

当点击图一中的文字时，便会触发图二的情景，点击“打开”进行授权，便可进入到图三的情景

3.发送短信内容至多个电话号码

（1）语法

多个电话之间用;(英文逗号)隔开

 <a href="sms:电话号码1,电话号码2?body=短信（默认）内容">发送短信（默认）内容至多个电话号码</a>

（2）案例

①语法

<a href="sms:13111133333,13333311113?body=哇哈哈">同时给 13111133333和13333311113发送内容为"哇哈哈"的短信</a>

②效果

当点击图一中的文字时，便会触发图二的情景，点击“打开”进行授权，便可进入到图三的情景

五、使用geopoint发送地图定位GPS

1.语法

<a href="geopoint:经度,纬度">我的位置</a> //具体经纬度可自行查阅

2.案例

<a href="geopoint:116.281469,39.866035">我的位置</a> //点击后直接发送自己的位置

a标签实现发送邮件

a标签中href的其他用法