手机端网站模板怎么禁止自动识别电话号码?

在实际开发制作移动端网站模板时,大多数情况下,那些类似电话号码的字符数字,也会被自动识别成电话号码并加上相关的链接。比如,我们做网站模板时,在手机端网站模板上放一个QQ号码,手机浏览器也会自动的把这个QQ号码识别成电话号码的链接,这显然不符合我们的需求。

我们使用现在的智能手机打开这个移动端页面,如果这个网页上有一串数字的话,手机浏览器会自动给这串数字添加电话号码的链接,这样用户只要点一下这个数字,就可以直接拔打电话了。

但是,在实际开发制作移动端网站模板时,大多数情况下,那些类似电话号码的字符数字,也会被自动识别成电话号码并加上相关的链接。比如,我们做网站模板时,在手机端网站模板上放一个QQ号码,手机浏览器也会自动的把这个QQ号码识别成电话号码的链接,这显然不符合我们的需求。

这个时候就需要把这个手机端自动识别电话号码的功能给禁止掉。

禁止手机端网站模板自动识别电话号码功能的方法很简单,只需要在自己的网站头部模板(header.hml)中</head>标签上面加上以下的meta属性即可。

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

加了这段meta属性之后,手机端网站就不会自动添加电话号码的链接了。

另外,如果你想让用户直接点击电话号码就能调起电话功能,可以使用一个a标签来制作,比如:<a href="tel:0530-1234-5678">0530-1234-5678</a>