meta学习笔记

meta是HTML语言head中的一个辅助标签，它有2个属性，分别是http-equiv和name。

name属性的参数值是keywords、description、robots、author，http-equiv的参数值是expires、pragma、refresh、set-cookie、window-target、content-type。

1.meta的常见功能

1. 帮助被各大搜索引擎登陆

meta标签的一个很重要的功能就是设置网页的关键字，来帮助你的主页被各大搜索引擎登陆，提高网站的访问量。在这个功能中，最重要的就是对keywords和desription的设置，因为搜索引擎首先自动检索网页中的keywords和description，并将其加入自己的数据库，然后根据关键词密度进行网站排序。

2. 定义页面中的使用语言

当浏览者访问你的页面时，浏览器会自动识别并设置网页中的语言，如果你设置的是GB码，而浏览者没有安装GB码，这时网页只会呈现浏览者所设置的浏览器的默认语言。如下：

<meta http-equiv="content-type" content="text/html;charset=utf-8"> ，该代码表示网页的语言为utf-8。

3. 自动刷新网页（并指向新的页面）

<meta http-equiv="refresh" content="2; url=http://www.baidu.com"> ，这段代码表示当前网页2秒后自动跳转到http://baidu.com。

<meta http-equiv="refresh" content="2"> ，这段代码表示网页每2秒自动刷新一次

4. 控制页面缓冲

浏览网页时，浏览器首先查看本地缓冲里的页面，如果浏览某一网页，而本地缓冲中有该网页时，那么浏览器会到缓冲区中读取页面，直到meta设置的时间到期，这时候，浏览器才会去取新页面。如下：

<meta http-equiv="expires" content="Friday,12-Jan-2017 8:8:8 GMT"> ，该代码表示网页将在2017年1月12号8:8:8到期，到期的网页需要重新把网页上传到服务器

5. 控制网页显示的窗口

<meta http-equiv="window-target" content="_top"> ，防止网页被别人作为frame调用，不过很多时候没有效果。

6. 控制浏览器的浏览模式

<meta http-equiv="pragma" content="no-cach"> ，网页将无法脱机浏览。 

2.meta标签的使用技巧

name属性

1. keywords：设置关键词。

2. desription：对网页的一段描述。

3. author：该网页的作者。

4. robots：告诉搜索引擎抓取哪些页面。

其参数值如下：

all：文件将被检索，且页面上的链接可以被查询。

none：文件将不被检索，且页面上的链接不可以被查询。

index：搜索机器将抓取该页面，对应的为 noindex。

follow：机器将沿页面上的链接继续抓取，对应的为 nofollow。

5. copyright：说明网站版权信息。

6. revisit-after：网站重新被机器人抓取的时间。

http-equiv属性

1. expires：设置网页到期时间，网页一到期，就需要重新将网页上传到服务器，必须用GMT时间格式。

2. pragma： 设置网页的缓存机制。

3. refresh： 设置页面刷新。

4. set-cookie：设置cookie，如果网页过期，存盘的cookie将被删除，必须使用GMT格式，如下：

<meta http-equiv="set-cookie" content="Mon, 12 May 2017 8:8:8 GMT>

<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12 Jan 2017 8:8:8 GMT; path=xxx">

5. window-target：设置页面显示窗口。

6. imagetoolbar：指定是否显示图片工具栏。

7. content-script-type：指定页面脚本类型，如下：

<meta http-equiv="content-script-type" content="text/javascript">

有些功能一些浏览器还未支持，不过chrome可以支持大部分的meta标签写法，而且一些功能可以用对应的javascript代替，这里只是我工作学习中遇到问题时做的简要的笔记。