1 <meta name="renderer" content = "webkit"/>
竟然一行代码“功力这么强大”,真是有必要认真学习了解一下常用的head头标签了。首先,总结一下浏览器默认的内核模式:
专业成都网站建设公司,做排名好的好网站,排在同行前面,为您带来客户和效益!创新互联为您提供成都网站建设,五站合一网站设计制作,服务好的网站设计公司,成都做网站、网站建设负责任的成都网站制作公司!
国内双核浏览器默认内核模式如下:
1. 搜狗高速浏览器、QQ浏览器:IE内核(兼容模式)
2. 360极速浏览器、遨游浏览器:Webkit内核(极速模式)
页面关键字
<meta name="keywords" content="技术">
页面描述
<meta name="description" content = "搜索相关课程">
<meta name="viewport" content="">
设置屏幕宽度为设备宽度,禁止用户手动调整缩放
<meta name = "viewport" content="width=device-width,user-scalable=no">
device-width 为设备的宽度
user-scalable 用户调整缩放,yes为允许用户对其缩放,反之为no,若设置为no,minimum-scale和maximum-scale都将被忽略,因为根本不可以缩放。
initial-scale:初始的缩放比例 (范围从>0 到10)
<meta charset="utf-8"/>
<html>
优先使用IE最新版本和Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
浏览器内核控制:(国内很多是双内核(webkit,trident)添加以下meta可以控制浏览器使用何种内核渲染)
<meta name="renderer" content = "webkit | ie-comp| ie-stand"/>
content的取值为 webkit ie-comp ie-stand, (是区分大小写的,使用的时候要注意),分别代表webkit 内核,IE 兼容内核,IE 标准内核。
如:若页面需默认用极速核,增加标签:
<meta name="renderer" content="webkit">
禁止浏览器从本地计算机的缓存中访问页面内容:
<meta http-equiv="Pragma" content="no-cache">
H5页面窗口自动调整到设备宽度,并禁止用户缩放页面
1 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
忽略将页面中的数字识别为电话号码
1 <meta name="format-detection" content="telephone=no" />
忽略Android平台中对邮箱地址的识别
1 <meta name="format-detection" content="email=no" />
本文名称:meta总结
文章源于:https://www.cdcxhl.com/article34/ijhepe.html
成都网站建设公司_创新互联,为您提供网站制作、定制网站、网站营销、外贸网站建设、标签优化、外贸建站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联