深层次浅出meta标识

一般所说的META标识,是在HTML网页页面源码中1个关键的html标识。META标识用来叙述1个HTML网页页面文本文档的特性,比如作者、时间和時间、网页页面叙述、重要词、网页页面更新等。

1、viewport

XML/HTML Code拷贝內容到剪贴板
  1. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />   

(1)width  操纵viewport的尺寸,能够特定1个值,如640或独特的值;device-width为机器设备的宽度(企业为放缩为100%的CSS的像素);

(2)initial-scale  原始放缩占比,网页页面第1次载入时的放缩占比;

(3)maximum-scale  容许客户放缩到的最大占比,范畴从0到10.0;

(4)minimum-scale  容许客户放缩到的最少占比,范畴从0到10.0;

(5)user-scalable  客户是不是能够手动式放缩,值能够是:yes或true容许客户放缩;no或false不容许客户放缩;

2、content="IE=edge"

XML/HTML Code拷贝內容到剪贴板
  1. <meta http-equiv="X-UA-Compatible" content="IE=edge">   

X-UA-Compatible是IE8的1个特有<meta>特性,它告知IE8选用何种IE版本号去3D渲染网页页面,在html的<head>标识中应用;

IE=edge,假如系统软件安裝ie8或以上版本号,则应用最高版本号ie3D渲染;不然,这个设置能够忽视。

3、renderer
 
<meta name="renderer" content="webkit|ie-comp|ie-stand">

特定双核访问器默认设置以何种方法3D渲染网页页面。

webkit  默认设置webkit核心;

ie-comp  默认设置IE适配方式;

ie-stand  默认设置IE规范方式;

而webkit|ie-comp|ie-stand这类写法是依照次序排他的优先选择级,不适用则往下,访问器可能依照从左到右的前后次序挑选其具有的3D渲染核心来解决当今网页页面。

现阶段适用对其出示适用的访问器有:360

4、apple-mobile-web-app-title

XML/HTML Code拷贝內容到剪贴板
  1. <meta name="apple-mobile-web-app-title" content="blog园">   

在推送到显示屏的情况下默认设置的取名

5、format-detection

XML/HTML Code拷贝內容到剪贴板
  1. <meta name="format-detection" content="telephone=no" /> //告知机器设备忽视将网页页面中的数据鉴别为电話号码   
  2.  <meta name="format-detection" content="email=no" /> //不让android鉴别电子邮箱