meta作用HTML,前端技术三之HTML meta 标签作用及用法

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content(网页内容)，以便于搜索引擎机器人查找、分类。

定义和用法

元素可提供有关页面的元信息(meta-information)，比如针对搜索引擎和更新频度的描述和关键词。

标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。

提示和注释：

注释： 标签永远位于 head 元素内部。

注释：元数据总是以名称/值的形式被成对传递的。

必需的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性

值

描述

DTD

content

some_text

定义与 http-equiv 或 name 属性相关的元信息

STF

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性

值

描述

DTD

http-equiv

content-type

expires

refresh

set-cookie

把 content 属性关联到 HTTP 头部。

STF

name

author

description

keywords

generator

revised

others

把 content 属性关联到一个名称。

STF

scheme

some_text

定义用于翻译 content 属性值的格式。

STF

name 属性

name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。

“keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。

类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助：

1、Keywords (关键字)

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

用法：

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

2、Description (简介)

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

用法：

注意：

3、Robots (机器人向导)

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

用法：

注意：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

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

none：文件将不被检索，且页面上的链接不可以被查询；(和 “noindex, no follow” 起相同作用)

index：文件将被检索；(让robot/spider登录)

follow：页面上的链接可以被查询；

noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)

nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

4、Author (作者)

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

用法：

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

5、Copyright (版权)

说明：标注版权

用法：

注意：

6、Generator (编辑器)

说明：编辑器的说明

用法：

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

7、revised (版本)

说明：定义页面的最新版本

用法： 注意：

http-equiv 属性

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如：

1、Content-Type和Content-Language (显示字符集的设定)

说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。

用法：

注意：　该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的”charset=GB2312″替换成”BIG5″，则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。其他的语言也对应不同的charset，比如日文的字符集是”iso-2022-jp “，韩文的是”ks_c_5601″。

Content-Type的Content还可以是：text/xml等文档类型；

Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；Content-Language的Content还可以是：EN、FR等语言代码。

2、Refresh (刷新)

说明：让网页多长时间(秒)刷新自己，或在多长时间后让网页自动链接到其它网页。

用法：

注意：其中的5是指停留5秒钟后自动刷新到URL网址。

3、Expires (期限)

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

用法：

注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。

4、Pragma (cach模式)

说明：禁止浏览器从本地机的缓存中调阅页面内容。

用法：

注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。

5、Set-Cookie (cookie设定)

说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。

用法：

21-Oct-98 16:14:21 GMT; path=/”>

注意：必须使用GMT的时间格式。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中，不再支持 scheme 属性。

在 HTML 5 中，有一个新的 charset 属性，它使字符集的定义更加容易。

在 HTML 4.01 中，不得不这么写：

在 HTML 5 中，这样就够了：