<meta name="format-detection"/> 的用处

最新推荐文章于 2021-06-10 14:09:10 发布
最新推荐文章于 2021-06-10 14:09:10 发布
阅读量4.3k 收藏
点赞数
分类专栏： Object-C
本文介绍了HTML中的元标签&lt;meta name=&quot;format-detection&quot;&gt;的作用，特别是其如何控制网页中电话号码的显示行为，以及如何使用&lt;meta name=&quot;viewport&quot;&gt;实现手机屏幕的适配。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在编写 HTML 时，有一个 meta 元素：<meta name="format-detection"/>这个页面有何用途呢？

当该 HTML 页面在手机上浏览时，该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。

在 iPhone 上默认值是：

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

如果你不希望手机自动将网页中的电话号码显示为拨号的超链接，那么可以这样写：

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

viewport 控制手机全屏

 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

一些有用的meta设置方法(必看)
12-14
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="#6f9ddc"> <!– 页面的编码方式 –> <meta charset="
ios5的safari浏览器的电话号码识别功能的禁用
FuDesign2008的专栏
06-11 6473
更详细的apple官方文档：  https://developer.apple.com/library/safari/#featuredarticles/iPhoneURLScheme_Reference/Articles/PhoneLinks.html 在编写 HTML 时，有一个 meta 元素：这个页面有何用途呢？ 当该 HTML 页面在手机上浏览时，该标签用于指定是否将网页内
Meta标签中的format-detection属性及含义
weixin_30848775的博客
09-30 220
format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置： <meta name="format-detection" content="telephone=no" /> <meta name="format-detection" content=...
Meta标签中的name为format-detection属性及含义
chuzhuang3524的博客
11-21 319
format-detection的意思是“格式检测”， 它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置： <metaname="format-detection"content="telephone=no"/>...
给html5标签设置手机号码格式化,meta标签name="format-detection"属性写法及用法
weixin_33795883的博客
06-10 2177
meta标签中name="format-detection"属性作用是在手机端浏览html网页时，用于识别电话号码、电子邮箱和地图位置的格式！用法格式：将代码添加到网页的和之间：其中，识别的格式类型主要有telephone(电话号码)、email(电子邮箱)和adress(地图位置)三种格式！用法举例：format-detection，就是“格式识别”的意思，识别的格式类型主要有以下几种：1、te...
meta标签中的format-detection属性及含义
城市漫步者
05-20 1628
format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置： 也可以连写： 一、telephone 你明明写的一串数字没加链接样式，而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！想去掉这个拨号链接该如何操作呢？这时我们的
<meta name="format-detection" content="telephone=no,adress=no,email=no">
04-24
<meta name="format-detection" content="telephone=no...在这个示例中，<meta name="format-detection" content="telephone=no">告诉浏览器不要将电话号码识别为可点击的链接。用户将无法直接点击电话号码来拨打电话。
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name viewport content="width device width,initial-scale=1"> <meta name format- detection content="telephone=no" » <meta http- equiv=Content-Type content="text/html; charset=UTF-8" » <meta http-equiv=X-UA-Compatible content= "lE=edge,chrome=1"> <meta http- equiv=X-UA-Compatiblecontent="IE=8"> <meta http-equiv Pragma content=no -cache><meta http-equiv= Cache -control content=no-cache> <meta http- equiv=Cache content=no -cache><meta http- equiv= Expires content=o> <title></title> <link href= ./static/css/app.0711cb9a968fd7befc37473802b3e68b.css rel=stylesheet> </head> <body> <div id= app> </div> <script type= text/javascript src=./static/js/manifest.1c53355cfeea34d896bb.js> </script> <script type=text/javascript src=./static/js/vendor.44769e24d30ba6d64db4.js> </scriptq <script type=text/javascript src= ./static/js/app.7f6a222f8c81b9477c5.js></script>这段代码是有什么作用？
最新发布
08-14
<meta name="description" content="网站描述文本"> <!-- 提供网页摘要，影响搜索引擎结果展示 --> ``` **核心作用**：控制网页基础属性（编码、视口）、SEO优化和浏览器行为[^1]。 #### 2. CSS链接的作用 通过`...
批注以下代码： <head> <title>主页</title> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <link rel="icon" href="images/home/favicon.ico" type="image/x-icon"> <!-- Stylesheets--> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7CPoppins:400%7CTeko:300,400"> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/fonts.css"> <link rel="stylesheet" href="css/style.css"> <style>.ie-panel{display: none;background: #212121;padding: 10px 0;box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);clear: both;text-align:center;position: relative;z-index: 1;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}</style> </head>
03-21
接下来是<meta name="format-detection" content="telephone=no">。这个元标签通常用于移动端浏览器，防止电话号码自动识别并转换为链接。需要解释content属性中的telephone=no的作用，可能还要提到其他可能的设置，...
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no, viewport-fit=cover" /> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta name="renderer" content="webkit" /> 是什么意思，麻烦解析每一句代码
07-08
2. `<meta name="format-detection" content="telephone=no" />`： - `name="format-detection"`：指定该元数据的名称为 "format-detection"，用于控制浏览器对特定格式内容的自动识别。 - `content="telephone=no...
<!DOCTYPE html> <html lang="zh-Hans"> <head itemprop="video" itemscope itemtype="http://schema.org/VideoObject"> <meta name="format-detection" content="telephone=no, email=no"> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"> <meta name="spm_prefix" content="333.788"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="applicable-device" content="pc"> <meta http-equiv="Cache-Control" content="no-transform"> <meta http-equiv="Cache-Control" content="no-siteapp"> <link rel="shortcut icon" href="https://i0.hdslb.com/bfs/static/jinkela/long/images/favicon.ico"> <link rel="stylesheet" href="//s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" media="all"> <link rel="stylesheet" href="//s1.hdslb.com/bfs/static/jinkela/long/font/medium.css" media="all"> <link rel='preload' href='//s1.hdslb.com/bfs/static/player/main/core.42bf7afe.js' as='script'/> <link rel="stylesheet" href="//s1.hdslb.com/bfs/seed/jinkela/short/bili-theme/map.css"/> <link rel="stylesheet" href="//s1.hdslb.com/bfs/seed/jinkela/short/bili-theme/light_u.css"/> <link id="__css-map__" rel="stylesheet" href="//s1.hdslb.com/bfs/seed/jinkela/short/bili-theme/light.css"/> <script type="text/javascript"> window.webAbTest = { "login_dialog_version": "V0", "abr_limit_version": "V_PLAYER_ABR_LIMIT", "ai_summary_version": "SHOW", "bmg_fallback_version": "DEFAULT", "rcmd_tab_version": "DISABLE", "comment_version_hash": "8d14695d99", "in_new_ab": true, "ab_version": { "login_dialog_version": "V0", "abr_limit_version": "V_PLAYER_ABR_LIMIT", "ai_summary_version": "SHOW", "bmg_fallback_version": "DEFAULT", "rcmd_tab_versio
03-19
具体内容可能包括标题<h1>到<h6>，段落<p>，图片<img>，链接<a>，列表<ul>/<ol>，表格<table>，表单<form>等。此外，还需要注意元素的id和class属性，因为它们常用于CSS和JavaScript操作。 用户给的示例可能涉及到...
Meta标签下format-detection属性及含义
DeBruyne的博客
05-03 1095
format-detection翻译成长中文就是格式检测 1.name="format-detection" content="telephone=no" 我们明明只是写了一串数字没有加链接，但是iphone会为我们加上链接并自动解析为电话号码，点击就可以拨出去。 2.name="format-detection" content="email=no" 同理这样既不会自动解析为email邮
html禁止ios识别电话,iOS 过滤html标签
weixin_39607873的博客
06-05 241
+ (NSString*)filterHTML:(NSString*)html {if(html.length<=0) {return@"";}NSString*emspStr1 =@" ";html = [htmlstringByReplacingOccurrencesOfString:emspStr1 withString:@" "];NSString* regEx =@"";htm...
关于 meta name="format-detection"
ddsk97345的博客
11-04 268
<meta name="format-detection"/> 当该 HTML 页面在手机上浏览时，该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。 在 iPhone 上默认值是： <meta name="format-detection" content="telephone=yes"/> 如果你不希望手机自动将网页中的电话号码...
笔记：防止 Safari 浏览器中的数字被识别为电话号码
qq_39108466的博客
05-08 1909
在Safari浏览器中，有一个默认开启的功能, 会把网页中的数字自动识别为电话号码, 并且改变文字的颜色和样式（蓝色）,这种情况下如果我们需要相应位置背景色也为蓝色或其他，就有点尴尬，而 这个默认样式貌似也改不了。 解决方法： 在&lt;head&gt;&lt;/head&gt;中加入 &lt;meta name="format-detection" content="telephone=n...
禁止浏览器自动识别号码
pigisyou147的专栏
07-31 1648
禁止浏览器自动识别号码
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值