移动端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

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


相关文章
|
8月前
|
内存技术
audio标签怎么使用
audio标签怎么使用
72 0
|
存储 JSON Android开发
大师学SwiftUI第17章Part2 - WebKit 框架和JSON等网页内容加载
对于某些应用,Safari视图控制器中包含的自定义选项还不够。为此Apple又提供WebKit框架这一选项。借助于这个框架,我们可以在视图内展示网页内容。该视图通过UIView类的子类WKWebView定义。这个类提供了如下管理内容的属性和方法。 •
152 0
|
XML JavaScript 前端开发
loadrunner 脚本录制-录制选项设置HTML-based URL-based Script
loadrunner 脚本录制-录制选项设置HTML-based URL-based Script
115 0
|
存储 Swift
Swift - Cell自适应+代码约束(SnapKit)横竖屏支持平铺+根据URL获取图片size
Swift - Cell自适应+代码约束(SnapKit)横竖屏支持平铺+根据URL获取图片size
239 0
|
Web App开发 移动开发 前端开发
【译】媒体查询特性 - 适应用户偏好 | perfers-reduced-motion | prefers-color-scheme | Save data
【译】媒体查询特性 - 适应用户偏好 | perfers-reduced-motion | prefers-color-scheme | Save data
203 0
【译】媒体查询特性 - 适应用户偏好 | perfers-reduced-motion | prefers-color-scheme | Save data
|
iOS开发 流计算
常见移动设备的 CSS3 Media Query 整理
(iPhone/iPad/Galaxy/HTC One etc.)
1468 0