HTML+CSS+JavaScript网页设计从入门到精通最新章节_胡晓霞著

2.6　HTML元信息

在HTML文档结构的头部区域，存储着文档的各种基本信息，这些信息主要被浏览器所采用，不会显示在网页正文中。另外，搜索引擎也会检索这些信息，因此重视并设置这些头部信息将有助于提高网页的访问率。

下面重点讲解meta信息（元信息）的基本设置。meta表示关于（about）的意思，以meta作为前缀可以表示很多特殊的语义。例如，metadata表示关于数据的数据，用英文表示为data about data；而metalanguage则表示一种描述其他语言的语言。在HTML文档中，meta标记表示网页的相关信息，即网页元信息。用示例显示其用法如下。

定义网页的描述信息：

    <meta name="description" content="标准网页设计专业技术资讯" />

定义页面关键字：

    <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript" />

name和content属性配合使用。

name属性用来描述网页元信息的名称，name属性值所描述的内容通过content属性进行详细说明，以方便浏览器、搜索引擎和机器人等设备检索。例如，设置网页描述信息、关键字和搜索引擎的检索权限等信息。

http-equiv和content属性配合使用。

http-equiv属性声明HTTP协议的响应头报文（即MIME文档头），同理，http-equiv属性值所描述的内容通过content属性来详细设置。这些元信息通常在网页加载前提供给浏览器等设备使用。例如，设置字符编码、刷新时间、是否缓存等基本信息。

【示例】下面列举常用元信息的设置示例，更多类型的元素以及元信息的设置格式可以参考HTML手册。

使用http-equiv等于content-type，可以设置网页的编码信息。设置UTF8编码（国际化编码）：

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

设置简体中文gb2312编码：

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

不同的语言编码方式也不同，所以使用charset属性为网页定义一种编码方式，否则页面可能会出现乱码，其中UTF-8是国家通用编码，即独立于任何语言，因此都可以使用。

另外，也可以使用content-language属性值定义页面语言的代码。如下所示设置中文版本语言：

    <meta http-equiv="content-language" content="zh-CN" />

使用refresh属性值可以设置页面刷新时间或跳转（重定向）页面，如5秒钟之后刷新页面：

    <meta http-equiv="refresh" content="5" />

5秒钟之后转到样吧首页：

    <meta http-equiv="refresh" content="5; url=http://www.css8.cn/" />

使用expires属性值设置网页缓存时间（即过期时间）：

    <meta http-equiv="expires" content="Sunday 20 October 2009 01:00 GMT" />

还可以使用如下方式设置页面不缓存：

    <meta http-equiv="pragma" content="no-cache" />

类似设置还有：

    <meta name="author" content="http://www.css8.cn/" />     <!--设置网页作者-->
    <meta name="copyright" content=" http://www.css8.cn/" /> <!--设置网页版权-->
    <meta name="date" content="2009-01-12T20:50:30+00:00" /> <!--设置创建时间-->
    <meta name="robots" content="none" />                    <!--设置禁止搜索引擎检索-->

2.6 HTML元信息

2.6　HTML元信息