HTML-Meta标签详解

做开发的时候我们常常忽略META标签，其实此标签作用非常大，网站的SEO全都靠他。


META标签分按照功能两大部分：


第一部分：HTTP-EQUIV

HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。

1、Content-Type 类型对照表请见此处 http://blog.csdn.net/yuyang2013/article/details/8678836

<Meta http-equiv="Content-Type" Content="text/html;Charset=utf-8">
<!--设定页面使用的类型和字符集，浏览器会根据此来调用相应的字符集显示page内容。-->

2、Content-Language显示字符集的设定

语言代码：http://blog.csdn.net/yuyang2013/article/details/8679240
国家代码： http://blog.csdn.net/yuyang2013/article/details/8679211

<Meta http-equiv="Content-Language" Content="zh-CN">
<!--设定页面使用的文字语言
zh-语言代码
CN-国家代码
-->

3、Refresh 刷新页面

<Meta http-equiv="Refresh" Content="30">
<Meta http-equiv="Refresh" Content="5; Url=http://www.csdn.net">
<!--让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页，其中的5是指停留5秒钟后自动刷新到URL网址。-->

4、Expires 页面过期时间

<Meta http-equiv="Expires" Content="0">
<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
<!--指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。-->

5、Pragma 访问模式

<Meta http-equiv="Pragma" Content="No-cach">
<!--浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。默认是开启的，禁止浏览器从本地机的缓存中调阅页面内容，设置“No-cach”即可。不启用缓存网页将不被保存在缓存中，每次访问都刷新页面，即从服务器请求。这样设定，访问者将无法脱机浏览。-->

6、Set-Cookie 设置浏览器Cookie

<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">
<!--此设定保存网页的一些用户非重要信息，如果设置的时间过期，那么存盘的cookie将被删除。-->

7、Window-target 设置页面的访问形式

<Meta http-equiv="Widow-target" Content="_top">
<!--有些时候别人会将你的页面嵌入到自己的网站中，如果不想被嵌入，就使用此标签，标签会根据你设置的参数做不同的打开处理。
Content选项：_blank、_top、_self、_parent。-->

8、Page-Enter、Page-Exit 进入页面、退出页面的效果

<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
<!--
打开页面和关闭页面时的一些特效，多浏览器兼容性不是很好。
Duration　　表示滤镜特效的持续时间(单位：秒)
Transition　滤镜类型。表示使用哪种特效，取值为0-23。
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种
-->

9、MSThemeCompatible XP主题

<Meta http-equiv="MSThemeCompatible" Content="Yes">
<!--是否在IE中关闭 xp 的主题，关闭 xp 的蓝色立体按钮系统显示样式，变成windowXP经典主题的样子。-->

10、Content-Script-Type 声明默认情况下使用的脚本语言

<Meta http-equiv="Content-Script-Type" Content="text/javascript">
<!--指明页面中如果没有标注脚本的情况下，使用javascript-->

第二部分：网站CEO方面的

1、Keywords 网站关键字

<Meta name="Keywords" Lang="EN" Content="关键词1,关键词2,关键词3,关键词4,……">
<!--为搜索引擎提供的关键字列表，如果想自己的网站不被埋没在茫茫网络中，此标签很重要，各大搜索引擎中你的网站排名与这个有非常大的关系，注意：各关键词间用英文逗号“,”隔开。Lang的含义是告诉搜索引擎的爬虫，这些关键字是什么语言的-->

2、Description 网站简介

<Meta name="Description" Content="你网页的简述">
<!--作用是告诉搜索引擎的爬虫，你网站到底是做什么的-->

3、Robots 机器人向导

<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顺着此页的连接往下探找)
-->

4、Author 网站制作者

<Meta name="Author" Content="张三，abc@csdn.com">
<!--标注网页的作者或制作组 Content可以是：你或你的制作组的名字,或Email -->

5、Copyright 网站版权

<Meta name="Copyright" Content="本页版权归羽羊所有。">
<!--网站标注版权-->