电话号码自动分隔 html,手机版网站中电话、手机号码添加链接

几年前我们开始为普通电脑版网站添加手机版本，当时查了一些资料，其中说到很多情况下，手机浏览器可以识别网页中的电话号码并自动添加链接，但也可以关闭这个功能并控制号码是否添加链接。这两年我们在添加手机版网站的时候，一般都没有去特别处理电话、手机号码的字段，就让手机浏览器自动来处理的。

但考虑到自动添加链接这个功能误识别的问题(例如：漏掉识别合适的电话号码或者把传真号码也添加上链接等)，人工来控制添加链接也许是个更好的办法。

自动识别：

iOS和Android上的浏览器自动可以识别号码并添加链接方便用户直接点击拨打，但手机号码有各种写法，例如是否有国内区号、是否有国际区号，是否用分隔符、是否用括号、是否用空格等，各种平台的各种浏览器在识别上不太统一；

手工添加链接：

下面这种加tel:或者tel://的方式与http://链接方式很接近，用得比较方便：

如果您想联系我们, 请打电话给我们！

+1 (555) 555-5555

这个可以只用在手机版中，而电脑版中不用改变。

另外，还有添加其它标准的方式，例如：

Call us free!

那就需要另外查更详细的资料。

关闭自动识别：

可以在页面head中添加标签来关闭自动识别功能：

这个对iOS和Android平台都有效，关闭自动识别不影响人工添加的号码链接标记的使用。

总之，虽说这只是一个小小的改变，还是情况比较复杂的，各种网站网页内容、各种手机平台、各种浏览器都是需要多测试的。

电话号码自动分隔 html,手机版网站中电话、手机号码添加链接相关推荐

支持手机版网站的We7CMS
你还在使用Wap手机网站吗,亲,你OUT了,加载速度慢,使用不方便,发布信息需要二次发布,这是你需要的吗,告诉你个好消息,快使用Web版的手机网站吧,图片加载速度快,信息发布与PC版同步而且还跟PC版 ...
光遇脚本弹琴_光遇自动弹琴脚本手机版
光遇自动弹琴脚本手机版是一款基于javascript专门编写的完美弹钢琴脚本,这个脚本绝对不会影响玩家们的账号安全问题,玩家们只需要给予悬浮窗口的权限,就能够自动弹琴,收录了多个谱子可以让玩家们感受到 ...
（已更新）【S-CMS企业建站系统 v5.0 】CMS+含小程序+响应式布局+支持手机版网站+支持Q旺旺客服
闪灵CMS企业建站系统是一款专门为企业建站提供解决方案的产品,前端模板样式主打HTML5模板,以动画效果好.页面流畅.响应式布局为特色,程序主体采用PHP+MYSQL构架,拥有独立自主开发的一整套函数 ...
手机访问网站点击手机号码直接拨打电话
手机访问网站,点击手机号码直接拨打电话: < a href="tel://158xxxxxxxx">号码< /a> 这种方式塞班.安卓与iphone都支持. ...
手机访问网站,点击手机号码直接拨打电话
手机访问网站,点击手机号码直接拨打电话: < a href="tel://158xxxxxxxx">号码< /a> 这种方式塞班.安卓与iphone都支持. ...
微信中使用支付宝手机版,浏览器中打开,PHP完整综合版含回调
推荐文章微信H5支付完整版含PHP回调页面.代码精简2018年2月支付宝手机支付,本身有提供一个手机网站支付DEMO,是lotusphp版本的,里面有上百个文件,非常复杂.本文介绍的接口, 只需通 ...
discuz手机版帖子页面支持表格添加边框及边框颜色
discuz帖子支持插入表格,如下图,电脑版也能正常显示表格: 然而,在电脑版看着正常的表格到了手机页面就不再显示边框线,这样的体验很不好!如下图: 这和任何手机模板都没有关系,是因为discuz的系 ...
element ui 中 el-menu 如何添加链接router-link标签
在vue项目中,使用elementui 框架,做一个后台管理系统在写左边菜单,菜用了,elementui 提供的组件 , el-menu 组件.但是组件没有链接,而我们知道添加链接使用router- ...
自动跳转手机版和电脑版html代码,分享两个手机访问pc网站自动跳转手机端网站代码...
4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存.如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?各位看官,小二上代码!来了! 常用的访问pc自动跳转到移动页面的代码 (functi ...

电话号码自动分隔 html,手机版网站中电话、手机号码添加链接

电话号码自动分隔 html,手机版网站中电话、手机号码添加链接相关推荐

最新文章

热门文章