HTML5+CSS3+JavaScript从入门到精通：上册（微课精编版·第2版）
上QQ阅读APP看书，第一时间看更新
上一章目录下一章

2.1.2　定义网页元信息

使用<meta>标签可以定义网页的元信息。例如，定义针对搜索引擎的描述和关键词，一般网站都必须设置这两条元信息，以方便搜索引擎检索。

　定义网页的描述信息：

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

　定义页面的关键词信息：

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

<meta>标签位于文档的头部，<head>标签内不包含任何内容。使用<meta>标签的属性可以定义与文档相关联的名称/值对。<meta>标签属性说明如表2.1所示。

表2.1　<meta>标签属性说明

【示例】下面列举常用元信息的设置代码，更多元信息的设置可以参考HTML手册。

使用http-equiv等于content-type，可以设置网页的编码信息。

　设置UTF-8编码：

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

提示：HTML5简化了字符编码的设置方式为<meta charset="utf-8">，其作用是相同的。

　设置简体中文gb2312编码：

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

注意：每个HTML文档都需要设置字符编码类型，否则可能会出现乱码，其中UTF-8是国家通用编码，独立于任何语言，因此都可以使用。

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

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

使用refresh属性值可以设置页面刷新时间或跳转页面，如5 s之后刷新页面：

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

5 s之后跳转到百度首页：

    <meta http-equiv="refresh" content="5; url= https://www.baidu.com/" />

使用expires属性值设置网页缓存时间：

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

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

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

类似设置还有：

    <meta name="author" content="https://www.baidu.com/"    />    <!--设置网页作者-->
    <meta name="copyright" content=" https://www.baidu.com/"  />  <!--设置网页版权-->
    <meta name="date" content="2019-01-12T20:50:30+00:00"    />   <!--设置创建时间-->
    <meta name="robots" content="none" />                         <!--设置禁止搜索引擎检索-->
上一章目录下一章