给html5标签设置手机号码格式化,meta标签name="format-detection"属性写法及用法

本文详细介绍了HTML meta标签中name="format-detection"属性的作用,该属性用于在手机端识别电话号码、电子邮件和地图位置。通过设置content属性,可以控制是否自动将这些信息转化为拨号链接、邮件链接或地图跳转。默认情况下,所有格式识别是开启的,但可根据需求关闭特定识别功能,避免不必要的自动识别行为。
摘要由CSDN通过智能技术生成

meta标签中name="format-detection"属性作用是在手机端浏览html网页时,用于识别电话号码、电子邮箱和地图位置的格式!

用法格式:

将代码添加到网页的

和之间:

其中,识别的格式类型主要有telephone(电话号码)、email(电子邮箱)和adress(地图位置)三种格式!

用法举例:

format-detection,就是“格式识别”的意思,识别的格式类型主要有以下几种:

1、telephone(电话号码):

telephone主要用于是否设置自动将网页中符合要求的数字转化为拨号连接。

如果禁止识别电话号码为拨号连接,则content="telephone=no",代码如下:

如果开启识别电话号码为拨号链接,则content="telephone=yes",因默认是开启的,以下代码可以不写:

2、email (电子邮箱)

email主要用于告诉设备不识别电子邮箱,点击之后不自动发送

如果禁止识别电子邮箱地址,则content="email=no" ,代码如下

如果开启识别电子邮箱地址,则 content="mail=yes",因默认是开启的,以下代码可以不写:

3、adress (地图位置)

adress主要用于是否识别地图位置,点击识别的地址后,会直接跳转至识别的地图位置!

如果禁止跳转至识别的地图位置,则content="adress=no" ,代码如下:

如果开启跳转至识别的地图位置,则content="adress=yes" ,因默认是开启的,以下代码可以不写:

综合用法:

我们可以把识别三种类型格式的用法写到一起,这样代码更加简洁:

如果是禁止所有格式的识别功能,就直接这样写:

如果是开启所有格式的识别功能,由于默认都是开启的,因此以下写法可以省略不写:

在默认情况下,所有格式类型都是自动开启识别的,被识别的字符串的颜色一般会变成蓝色效果,有的可能还有下划线。但有时这种自动识别功能,并不一定适合我们,就需要主动关闭这些识别功能!所以,meta标签中name="format-detection"属性在手机端还是有一定作用的!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值