meta标签常用属性
Posted codebook
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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:用户是否可以手动缩放。
举例说明
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属性,在网页载入时默认隐藏地址栏与导航栏。
以上是关于meta标签常用属性的主要内容,如果未能解决你的问题,请参考以下文章