从程序员角度学习数据库技术（蓝桥杯软件大赛培训教材-Java方向）
上QQ阅读APP看本书，新人免费读10天
设备和账号都新为新人
上一章目录下一章

1.6.3 <meta>标签

<meta>标签的功能是提供关于页面的元信息，能够提供文档作者、关键字、描述等多种信息，在HTML的头部可以包括任意数量的<meta>标签，下面列举了一些常用的<meta>标签。

● 设定编辑工具

我们在使用EidtPlus编写HTML文档时，如果新建的是一个HTML网页，默认就给我们提供了如下的四个<meta>标签，如图1.7所示。

图1.7 EditPlus默认提供的meta标签

其中第一个<meta>标签定义的就是编辑工具，这里设置值为EditPlus。我们可以根据所用编辑工具的不同，修改为Dreamweaver等。

基本语法：

        <meta name="Generator" content="EditPlus">

其中，Generator表示编辑工具定义，content属性值表示编辑工具的名称。

● 设定作者

在页面的源代码中，可以设置页面制作者的姓名及个人信息。图1.7中第二个<meta>标签就可以定义页面作者（内容暂时为空）。

基本语法：

        <meta name="Author" content="value">

其中，Author表示作者定义，content属性值表示作者名称。

● 设定关键字

关键字是为搜索引擎而提供的，如一个音乐网站，为了提高在搜索引擎中被搜索到的概率，可以设定多个和音乐主题相关的关键字以便搜索，如音乐、流行音乐、港台音乐、欧美音乐、歌曲排行榜、mp3下载、在线音乐等。这些关键字虽然不出现在浏览器的显示页面中，但能被搜索引擎准确地获取。如何选择关键字，主页及各级页面设置什么样的关键字是搜索引擎优化（SEO）方面的技术，这里不展开讨论。

需要注意的是，不是关键字越多越好，大多数搜索引擎进行页面抓取时都会限制关键字的数量，过多的关键字反而会影响搜索引擎对该页面质量的评价。

基本语法：

        <meta name="Keywords" content="value">

其中，Keywords表示关键字定义，content属性值表示关键字内容，关键字之间要用逗号分隔。下面列举了搜狐网站首页的关键字，供大家参考。

        <meta name="Keywords" content="搜狐,门户网站,新媒体,网络媒体,新闻,财经,体育,娱乐,时尚,汽车,房产,
    科技,图片,论坛,微博,博客,视频,电影,电视剧"/>

● 设定描述

对于一个网站的每一个页面，都可以在源代码中添加说明，用来将页面的主题描述清楚，这就是页面描述的作用。但因为搜索引擎在评价页面与用户搜索关键字的相关度时，除了考虑关键字，也会分析描述的内容。所以，为了提高页面的搜索引擎排名，在编写描述时，也需要注意让搜索引擎更好地对本页面的质量进行评价。搜索引擎同样对描述文字的字数有一定的要求，所以内容应尽量简明扼要。

基本语法：

        <meta name="Description" content="value">

其中，Description表示描述定义，content属性值表示描述内容。下面列举了搜狐网站首页的描述，供大家参考。

        <meta name="Description" content="搜狐网是全球最大的中文门户网站，为用户提供24小时不间断的最新
    资讯，及搜索、邮件等网络服务。内容包括全球热点事件、突发新闻、时事评论、热播影视剧、体育赛事、行
    业动态、生活服务信息，以及论坛、博客、微博、我的搜狐等互动空间。" />

● 设定字符集

<meta>标签中的http-equiv属性为“名称：值”对提供了名称，并指示服务器在发送实际的页面内容之前，先将这些“名称-值”对发送给用户浏览器。服务器向浏览器发送HTML文档时，至少需要发送一个多称为content-type值为开头text/html的“名称：值”对，告诉浏览器准备接受一个HTML文档。

编写一个文档，需要确定该文档使用的字符集。一个HTML文档，可以通过<meta>标签说明该HTML文档所使用的字符集。这样浏览器在显示这个HTML文档时，就可以根据该标签确定用什么样的字符集显示这个文档。

在中国大陆地区，常用的编码是GB码，表示简体中文，字符集应设置为gb2312；中国台湾地区的编码是BIG5码，表示繁体中文；欧洲地区常用ISO8859-1表示英文……对于不同字符集的页面，如果用户的浏览器不支持该字符集的显示，则浏览器中显示的将是乱码。

基本语法：

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

其中，content-type表示字符集定义，content属性值表示文档类型和字符集，其中charset指定字符编码。下面分别列举了使用UTF-8国际化编码和GBK中文编码的<meta>标签内容，其中搜狐主页采用的是GBK中文编码。

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

● 设定自动刷新

使用http-equiv属性，通过将“名称：值”对中名称设置为refresh，能够设置页面的自动刷新，就是每隔一段时间自动刷新一次页面的内容。比如常用的互联网现场图文直播、论坛消息的自动更新等。

基本语法：

        <meta http-equiv="refresh" content="value">

其中，refresh表示自动刷新，content属性值表示刷新间隔的秒数。

● 设定自动跳转

refresh不仅能够完成页面自身的自动刷新，还可以实现页面之间的跳转功能。比如用户访问的页面地址发生了变化，为了让只知道原地址但不知道新地址的用户能访问到新地址，可以在原地址的页面中设置在当前的页面等待几秒后，自动跳转到新的地址。

基本语法：

        <meta http-equiv="refresh"  content="value;URL=URL_Value">

其中content属性值中的内容分两部分，第一部分value表示间隔多少秒才跳转，第二部分是具体跳转的URL地址。例如在前面编写的index.html页面<head>标签中增加下面的一行<meta>标签，访问该页面，浏览器窗口在该页面中停留5秒后跳转到搜狐主页。

        <meta http-equiv="refresh"  content="5;URL=http://www.sohu.com">
上一章目录下一章