meta标签常用属性

Keywords（关键词）

说明：告诉搜索引擎你网页的关键字（keywords）
使用方法：<meta name="keywords" content="标签,属性,seo优化">

 

Robots (机器人向导)

说明：Robots用来告诉搜索机器人页面需要或者不需要索引。Content的參数有all、none、index、noindex、follow、nofollow。默认是all。

使用方法：<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow">

all：文件将被检索，且页面上的链接能够被查询。
none：文件将不被检索。且页面上的链接不能够被查询。(和 "noindex, no follow" 起同样作用)
index：文件将被检索；（让robot/spider登录）
follow：页面上的链接能够被查询；
noindex：文件将不被检索，但页面上的链接能够被查询；(不让robot/spider登录)
nofollow：文件将不被检索，页面上的链接能够被查询。(不让robot/spider顺着此页的连接往下探找) 

 

viewport（视窗/移动端）

说明：viewport 是用户网页的可视区域，即“视区”。

使用方法：<meta name="viewport" content="width=device-width, initial-scale=1.0">

• width：控制 viewport 的大小，可以指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
• height：和 width 相对应，指定高度。
• initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
• maximum-scale：允许用户缩放到的最大比例。
• minimum-scale：允许用户缩放到的最小比例。
• user-scalable：用户是否可以手动缩放。

http-equiv="X-UA-Compatible" （这是一个文档兼容模式的定义）

使用： < meta http-equiv = "X-UA-Compatible" content = "chrome=1" >

X-UA-Compatible：是IE8新加的一个设置，对于IE8以下的浏览器是不识别的，通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。

< meta http-equiv = "X-UA-Compatible" content = "chrome=1" >用以声明当前页面用chrome内核来渲染。

Edge模式告诉IE以最高级 模式渲染文档，也就是任何IE版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。

 

renderer  （指定双核浏览器默认以何种方式渲染页面）

使用：<meta name="renderer" content="webkit">

这段代码意思：强制浏览器使用Webkit内核。

 

若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

 

举例说明
a. 设置屏幕宽度为设备宽度，禁止用户手动调整缩放
 <meta name="viewport" content="width=device-width,user-scalable=no" />

b. 设置屏幕密度为高频，中频，低频自己主动缩放，禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

另外iOS 7.1的Safari为meta标签新增minimal-ui属性，在网页载入时默认隐藏地址栏与导航栏。

转载于:https://www.cnblogs.com/codebook/p/9349815.html