<meta>元素可提供有关页面的元信息（meta-information）,常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。

属性 charset (HTML5)

charset定义了文档的字符编码。

1	<meta charset="utf-8">

属性 http-equiv

http-equiv相当于http头的作用，可以向浏览器传回一些有用的信息，以帮助正确的显示网页内容，其值为你想使用的参数。与其联合使用的属性值为content，content的值其实就是各个参数的变量。

1	<meta http-equiv="参数" content="变量">

http-equiv的主要参数值为以下几种：

Content-type

说明：规定文档的字符编码。
用法：

1	<meta http-equiv="Content-type" content="text/html;charset=utf-8">

Refresh

说明：让网页多久刷新自己，或多长时间自动链接到其他网页。
用法：

1 2	<meta http-equiv="Refresh" content="30"> <meta http-equiv="Refresh" content="5;Url=http://www.baidu.com">

Expires

说明：制定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。
用法：

1 2	<meta http-equiv="Expires" content="0"> <meta http-equiv="Expires" content="Wed, 26 Feb 1997 08:21:57 GMT"> //必须使用GNT时间格式，或数字，表示多少时间后过期。

Pragma

说明：禁止浏览器从本地缓存中调阅内容。
用法：

1	<meta http-equiv="Pragma" content="No-cach"> //默认为cach模式

说明：浏览器会通过从缓存中读取内容以提高显示速度。但若你想实时刷新你的页面，就需要禁用缓存。通常HTML文件没必要禁用缓存，但对于ASP页面，就可以禁用缓存，因为每次看到的页面都是服务器生成的，缓存就失去了意义。如果网页过期，那么存盘的cookie将被删除。
用法：

1	<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">

Window-target

说明：强制页面在当前窗口以独立页面显示，防止别人在框架里调用你的页面。
用法：

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

Pics-label

说明：在IE的Internet选项里有一项内容设置，可防止浏览一些受限制的网站，而网站的限制级别就是通过该参数来设置的。
用法：

1
2
3

<meta http-equiv="Pics-label" content="PICS -1.1'http://www.rsac.org/ratingsv01.html'
	I gen comment 'RSACi North America Server' by 'inet@microsoft.com'
	for 'http://www.microsoft.com' on '1997.06.40T14:21 -0500' r(n0 s0 v0 I0)">

Page-Enter、Page-Exit

说明：页面载入和调出时的一些特效。
用法：

<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)"> //blendTrans是动态滤镜的一种，产生渐隐效果。
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)">
<meta http-equiv="Page-Enter" content="revealTrans(duration=x,transition=y)"> //Duration表示滤镜特效的持续时间，transition为滤镜类型。
<meta http-equiv="Page-Exit" content="revealTrans(duration=x,transition=y)">

MSThemeCompatible (XP主题)

说明：是否在IE中关闭 xp 的主题
用法：

1	<meta http-equiv="MSThemeCompatible" Content="Yes">

注意：关闭 xp 的蓝色立体按钮系统显示样式，从而和win2k 很象。

IE6 (页面生成器)

说明：页面生成器generator，是ie6
用法：

1	<meta http-equiv="IE6" Content="Generator">

注意：用什么东西做的，类似商品出厂厂商。

Content-Script-Type (脚本相关)

说明：这是近来W3C的规范，指明页面中脚本的类型。
用法：

1	<meta http-equiv="Content-Script-Type" Content="text/javascript">

X-UA-Compatible

说明：X-UA-Compatible是IE8的一个专有属性，它告诉IE8采用何种IE版本去渲染网页，在html的标签中使用。可以在微软官方文档获取更多介绍。
用法：

1 2	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> //IE = edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame。

属性 name

name使用来描述网页的，与content共同来描述网页的内容，以便于搜索引擎机器人查找、分类。name值指定所提供信息的类型，如descrption、keyword、refresh等，也可以任意指定其他值。name的content指定实际内容，如：若指定name为level,则content可以为beginner、intermediate,或者advanced。

Keywords (关键字)

说明：为搜索引擎提供的关键字列表
用法：

1	<meta name="Keywords" Content="关键词1,关键词2，关键词3,关键词4,……">

注意：各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如：

1 2	<Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine"> <Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">

Description (简介)

说明：Description用来告诉搜索引擎你的网站主要内容。
用法：

1	<meta name="Description" Content="你网页的简述">

Robots (机器人向导)

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

1	<meta name="Robots" Content="All\|None\|Index\|Noindex\|Follow\|Nofollow">

注意：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。
all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；(和 “noindex, no follow” 起相同作用)
index：文件将被检索；（让robot/spider登录）
follow：页面上的链接可以被查询；
noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

Author (作者)

说明：标注网页的作者或制作组
用法：

1	<meta name="Author" Content="张三，abc@sina.com">

注意：Content可以是：你或你的制作组的名字,或Email

Copyright (版权)

说明：标注版权
用法：

1	<meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">

Generator (编辑器)

说明：编辑器的说明
用法：

1	<meta name="Generator" Content="PCDATA\|FrontPage\|">

注意：Content=”你所用编辑器”

revisit-after (重访)

1	<meta name="revisit-after" CONTENT="7 days" >

viewport

说明：viewport是用来定义移动设备浏览器显示特性的元素。通常手机浏览器是把页面放在一个虚拟的窗口viewport中，我们通过设置页面在viewport中的大小及缩放比例则可以创建一个还不错的响应式布局。
用法：

//指定viewport宽度为320px
<meta name="viewport" content="width=320">
//指定页面最初缩放比例为1
<meta name="viewport" content="initial-scale=1"> 
//防止用户放大页面
<meta name="viewport" content="maximum-scale=1"> 
//默认模板
<meta name="viewport" content="width=device-width, initial-scale=1">