移动端网页电话、短信、邮件的html5链接实现方法

以前我们熟悉的是PC段的一些常规的链接方式，但是随着移动端的逐步壮大，在移动浏览器中实现拨打电话，调用sms发短信，发送email等功能，是我们越来越需要迫切熟练掌握的基本技巧。移动手机WEB页面(HTML5)协议提供的接口是一个好办法。采用url href链接的方式，实现在Safari ios，Android 浏览器，webos浏览器，塞班浏览器，IE，Operamini等主流浏览器，进行拨打电话功能。

1. 拨打电话

在电话号码前面可以加上 + （加号）表示国际号码（例如中国：+86）。如：

最常用WEB页面tel协议实现拨号功能

例子：

使用tel协议：

<a href=”tel:10086″>10086</a>

使用wtai协议进行拨打电话：

<a href=”wtai://wp/mc;10086″>10086</a>

2. 发送短信

如果是需要调用短信的接口，可以将链接写成下面的格式：

sms:[,]*[?body=]

例如：

（1）给 10086 发短信：

<a href=”sms:10086″>发送信息</a>

（2）给 10086 发送内容为”cxye”的短信：

<a href=”sms:10086?body=cxye”>发送信息</a>

（3）给 10086 和 10010 发送内容为”cxye”的短信：

<a href=”sms:10086,10010?body=cxye”>发送信息</a>

3. Mail 发送邮件

html5没有变化，和以前html一样使用mailto

（1）给test1@163.com发送邮件：

<a href=”mailto:test1@163.com”>mail</a>

（2）给test1@163.com和test2@126.com发送邮件：

<a href=”mailto:test1@163.com,test2@126.com”>mail</a>

（3）给test1@163.com发送主题为“testing”的邮件：

<a href=”mailto:test1@163.com?subject=Testing”>mail</a>

（4）给test1@163.com发送主题为“testing”的邮件，并抄送给test3@126.com：

<a href=”mailto:test1@163.com?subject=Testing mailto&amp;cc=test3@126.com”>mail</a>

4. Android Market

如果希望一个链接能够激活Android市场的功能，可以把链接写成：

<a href=”market://search?q=[query]”>Android Market link</a>

其中就是搜索的内容，你应用的名称

例子：

<a href=”market://search?q=MyApp”>MyApp</a>

5. 定位

<a href=”geopoint:[经度],[纬度]”>我的位置</a>

例如：

<a href=”geopoint:108.954823,34.275891″>我的位置</a>