meta标签学习

name

（该属性主要用于描述网页，与之对应

的属性值为content，content中的内容主

要是便于搜索引擎机器人查找信息和

分类信息用的）

用来告诉搜索引擎你网页的关键字是什么。

<meta name ="keywords" content="science, education,culture">

用来告诉搜索引擎你的网站主要内容。

<meta name="description" content="这是我的网页内容介绍，等等">

用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

<meta name="robots" content="none">

content的参数有all,none,index,noindex,follow,nofollow。默认是all。

标注网页的作者。

<meta name="author" content="authorName,authorEmail">

http-equiv

（http-equiv顾名思义，相当于http

的文件头作用，它可以向浏览器传回

一些有用的信息，帮助正确和精确地

显示网页内容，与之对应的属性值为

content，content中的内容其实就是

各个参数的变量值）

设定网页的到期时间。

<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">

设定日期必须使用GMT格式。

禁止浏览器从本地计算机的缓存中访问页面内容。

<meta http-equiv="Pragma" content="no-cache">

页面将无法脱机浏览。

自动刷新并指向新页面。

<meta http-equiv="Refresh" content="2；URL=http://www.baidu.com">

2是指停留2秒钟后自动刷新到URL网址。

如果网页过期，那么存盘的cookie将被删除。

<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT； path=/">

必须使用GMT的时间格式。

强制页面在当前窗口以独立页面显示。

<meta http-equiv="Window-target" content="_top">

防止别人在框架里调用自己的页面。

设定页面使用的字符集。

<meta http-equiv="content-Type" content="text/html; charset=gb2312">

viewport

（移动端专属属性，用于定义视口各种行为）

　　width被用来定义layout viewport的宽度，如果不指定该属性（或者移除viewport meta标签），

则layout viewport宽度为厂商默认值（常用值是980px）。

　　<meta name="viewport" content="width=device-width" />

 页面以某个比例放大或缩小呈现给用户。

<meta name="viewport" content="initial-scale=1" />

 给用户缩小页面比例的一个下限值。

<meta name="viewport" content="initial-scale=1,maximum-scale=5" />

 给用户放大页面比例的一个上限值。

<meta name="viewport" content="initial-scale=1,maximum-scale=5" />

 禁止用户缩放页面。

<meta name="viewport" content="user-scalable=no" />

可选值：yes、no、1、0。