移动端meta标签的format-detection作用是什么-阿里云开发者社区

开发者社区> 青衫无名> 正文

移动端meta标签的format-detection作用是什么

简介:
+关注继续查看

在移动端网页设计中,经常会在头部看到如下一行代码:


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

下面就来介绍一下它的作用希望能够给需要的朋友带来帮助。

detection英文有“识别”的意思,那么format-detection的意思就是“格式识别”。

再结合content中的内容可以看出,它的功能是用来对电话号码格式进行识别的。在默认状态下,网页的数字会被设别为电话号码(在不同的系统中,显示的格式可能有所不同,比如在iphone手机中会有下划线),点击数字会被当作电话号码拨打或者添加到联系人,但是由于此中默认设置比较让人厌烦,所以通常禁用。

format-detection不仅仅对电话号码识别,也可以识别其他格式,下面做一下罗列:

一.对电话号码识别:


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

telephone=no规定不进行识别,telephone=yes规定识别,默认状态是识别的。

二.对电子邮件识别:


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

上面的设置是不对电子右键进行识别,也就是点击不会出现发送界面。

三.对address识别:


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

adress=no禁止跳转至地图,adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启。

最后说明:

这三个其实可以连在一起写:

1
<meta name="format-detection" content="telephone=no,email=no,adress=no"/>


原文发布时间为:2017-2-17

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:移动端meta标签的format-detection作用是什么

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
label标签for属性与表单控件点击选中的联系(单选按钮为例)
input radio label for html 隐式联系 显式联系 点击文字 切换 选中 表单
3957 0
JSP---演示ErroPage、isErroPage和jsp:forword标签
属性说明: language – 示例:language=“java” import -如: (注意多个引用之间使用逗号分开。) contentType – 指定响应结果的MIME类型。
968 0
spring源码学习之:xml标签扩展配置例子
在很多情况下,我们需要为系统提供可配置化支持,简单的做法可以直接基于Spring的标准Bean来配置,但配置较为复杂或者需要更多丰富控制的 时候,会显得非常笨拙。一般的做法会用原生态的方式去解析定义好的xml文件,然后转化为配置对象,这种方式当然可以解决所有问题,但实现起来比较繁琐, 特别是是在配置非常复杂的时候,解析工作是一个不得不考虑的负担。
1501 0
如何用<dl>标签做表格而不用table标签
  我们都知道很多的内容编辑器(TinyMCE编辑器、fck)都有插入表格功能,快速方便,但是这些表格用到的标签,可以查看html源代码就能发现,table标签对搜索引擎不是很友好,table太多话可能无法被SE收录,有没办法用其他方法来实现绘制表格呢?比如用标签?    标签是定义列表(defi...
936 0
隐藏tabControl的标签
  一、隐藏和显示tabControl1中的tabpage的方法:                 tabControl1.tabPage1.Parent = tabControl1; // 显示                 tabControl1.
746 0
+关注
3598
文章
840
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载