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

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"属性在手机端还是有一定作用的！

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

html里meta标签,HTML中的meta标签详解
meta标签是html标记语言head区一个非常有用的一个辅助性标签,在所有网页中都可以看到以下代码: Document 这些代码可有可无,其实利用好了,大有用途!会带带意想不到的效果,比如加入关键词 ...
html中的author属性,meta标签name=“auther”属性写法和用法详解
name="auther"是html元素meta标签中众多属性之一,在大多数的网站网页中并没有标注网页作者,使用并不多!它主要是用来标注网页作者或制作组等信息的! auther用法 ...
html中meta的写法规范,HTML代码meta标签的charset 属性写法及用法
html代码中标签的charset 属性是用来声明文档使用的字符编码,解决文档出现乱码问题主要靠的就是它,需要注意的是,这个charset一定要写在文档最靠前的第一行标签内,不然,就可能会产生乱码了. ...
解决 pyecharts 折线图数字标签设置 formatter 参数后标签内容有问题
解决问题 pyecharts 做折线图的时候,当我们对每个点的数值标签进行设置后,他自动带上了x轴的信息. 问题呈现:pyecharts 折线图下面代码由于对标签进行了的格式化设置,导致出来的图中把 ...
SEO优化之meta标签
2019独角兽企业重金招聘Python工程师标准>>> meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里 ...
“约见”面试官系列之常见面试题第十篇值meta标签（建议收藏）
目录什么是meta标签? meta的作用 meta的必需属性和可选属性必需属性content 可选属性常用meta标签大总结 charset 百度禁止转码 SEO 优化部分 viewport 各 ...
meta标签的作用及整理
欢迎访文我的博客YangChen's Blog meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道 ...
前端开发 html第二课自结束标签注释标签中的属性文档声明进制字符编码文档使用 VScode 实体 meta标签语义化标签块元素和行内元素布局标签
1 自结束标签标签一般成对出现,但是也存在一些自结束标签如: 多"/"和没有"/"区别不大 2 注释注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...
网站元数据meta标签的含义和用法
最近在做网页,个人对网站元数据meta标签的含义和用法了解的不是很深,所以在网上搜到了一些关于这方面的知识,并摘抄至此,希望能够与大家共同学习,高手勿喷哦~~~ (注:此文原文内容访问地址:http: ...

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

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

最新文章

热门文章