HTML的各种基本标记之二:元标记

3 元信息标记——<meta>

meta 元素提供的信息是用户不可见的,它不显示在页面中,一般用来定义页面信息的名称、关键字、作者等。在HTML 中,meta 标记不需要设置结束标记,在一个尖括号内就是一个meta 内容,而在一个HTML 头页面中可以有多个meta 元素。meta 元素的属性有两种:name http-equiv,其中name属性主要用于描述网页,以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta 值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(关键词)。

下面根据功能的不同分别介绍元信息标记的使用方法。

3.1 设置页面关键字

设置页面关键字是为了向搜索引擎说明这一网页的关键词,从而帮助搜索引擎对该网页进行查找和分类,它可以提高被搜索到的几率,一般可设置不只1 个关键字,之间用逗号隔开。但是由于很多搜索引擎在检索时会限制关键字数量,因此在设置关键字时不要过多,注意每一个关键字都要切中要害。

语法:<meta neme="keyword" content="具体的关键字">

说明:在该语法中,name 为属性名称,这里是“keyword”,也就是设置网页的关键字属性,而在content 中则定义了具体的关键字的内容。

下面以实例来具体说明。

实例代码:

<html>

<head>

<title>学习元信息标记</title>

<meta name="keyword" content="html,元信息,关键字">

</head>

<body></body>

</html>

在实例中设定了“html”、“元信息”和“关键字”这3 个词语作为该页面的关键字。

3.2 设置页面描述

设置页面描述也是为了便于搜索引擎的查找,它用来描述网页的主题等,与关键字一样,设置的页面描述也不会在网页中显示出来。

语法:<meta name="description" content="对页面的描述语言">

说明:在该语法中,name 为属性名称,这里设置为“description”,也就是将元信息属性设置为页面描述,在content 中定义具体的描述语言。

在上一实例的基础上添加页面的描述信息,实例代码如下:

<html>

<head>

<title>学习元信息标记</title>

<meta name="keyword" content="html,元信息,关键字">

<meta name="description" content="关于HTML 使用的网站">

</head>

<body></body>

</html>

在该实例中,设置了“关于HTML 使用的网站”为网页的描述。

3.3 设置编辑工具

现在有很多编辑软件都可以制作网页,在源代码的头页面中可以设置网页编辑工具的名称。与其他meta 元素相同,编辑工具也只是在页面的源代码中可以看到,而不会显示在浏览器中。

语法:<meta name="generator" content="编辑软件的名称">

说明:在该语法中,name 为属性名,设置为“generator”,也就是设置编辑工具,在content 中定义具体的编辑器名称。

在上面实例的基础上添加编辑工具的信息,实例代码如下:

<html>

<head>

<title>学习元信息标记</title>

<meta name="keyword" content="html,元信息,关键字">

<meta name="description" content="关于HTML 使用的网站">

<meta name="generator" content="Macromedia Dreamweaver MX 2004">

</head>

<body></body>

</html>

在这一实例中,以Macromedia Dreamweaver MX 2004 作为网页的编辑工具。

3.4 设定作者信息

在源代码中还可以设置网页制作者的姓名信息。

语法:<meta name="author" content="作者的姓名">

说明:在该语法中,name 为属性名,设置为“author”,也就是设置作者信息,在content 中定义具体的信息。

在上面实例的基础上添加作者的信息,实例代码如下:

<html>

<head>

<title>学习元信息标记</title>

<meta name="keyword" content="html,元信息,关键字">

<meta name="description" content="关于HTML 使用的网站">

<meta name="generator" content="Macromedia Dreamweaver MX 2004">

<meta name="author" content="张三">

</head>

<body></body>

</html>

在这一实例中,将作者的姓名“张三”添加到了网页的源代码中。

3.5 限制搜索方式

网页可以通过在 meta 中的设置来限制搜索引擎对页面的搜索方式。

语法:<meta name="robots" content= "搜索方式">

说明:在该语法中,搜索方式的值和其所对应的含义见下表。

content值与对应的含义

content的值   含义

all 页面将被检索,且页面上的链接可以被查询

none 页面不能被检索,且页面上的链接不可以被查询

index 页面将被检索,但页面上的链接却不可以被查询

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

noindex 页面不能被检索,但页面上的链接可以被查询

nofollow 页面能被检索,但页面上的链接却不可以被查询

下面的实例中设定了网页能被检索,但页面上的链接却不可以被查询。

实例代码:

<html>

<head>

<title>限制搜索方式</title>

<meta name="robots" content="index ">

</head>

<body></body>

</html>

3.6 设置网页文字及语言

在网页中还可以通过语句来设定语言的编码方式。这样,浏览器就可以正确地选择语言,而不需要人工选取。

语法:<meta http-equiv="content-type" content="text/html; charset=字符集类型">

<meta http-equiv="Content-Language" content="语言">

说明:在该语法中,http-equiv 用于传送HTTP 通信协议的标头,也就是设定标头属性的名称,而在content 中才是具体的属性值。其中charset 设置了网页的内码语系,也就是字符集的类型,中国内地常用的是GB 码,charset 往往设置为gb_2312,即简体中文。英文是ISO-8859-1 字符集,此外还有BIG5utf-8shift-JisEucKoi8-2 等字符集。如果采用第二种方法,则简体中文的设置为:

<meta http-equiv="Content-Language" content="zh_CN">

下面的实例中设置了语言为韩文,代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

<title>设定其他语言</title>

</head>

<body>

</body>

</html>

在运行该程序时,如果浏览器默认情况下并没有安装韩文,会出现需要安装语言的窗口。

html专题相关文章

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.liangtzi.net/index.php/post/259.html